Mermaid diagrams powered by beautiful-mermaid
flowchart LR A[Start] --> B{Decision} B -->|Yes| C[OK] B -->|No| D[Cancel]
sequenceDiagram participant Alice participant Bob Alice->>Bob: Hello Bob Bob-->>Alice: Hi Alice Alice->>Bob: How are you? Bob-->>Alice: Fine, thanks!
classDiagram Animal <|-- Duck Animal <|-- Fish Animal : +String name Animal : +move() Duck : +swim() Fish : +swim()
stateDiagram-v2 [*] --> Active Active --> Inactive : timeout Inactive --> Active : input Active --> [*] : quit
erDiagram CUSTOMER ||--o{ ORDER : places ORDER ||--|{ LINE-ITEM : contains PRODUCT ||--o{ LINE-ITEM : "is in"
xychart-beta title "Monthly Sales" x-axis [Jan, Feb, Mar, Apr, May] y-axis "Revenue (USD)" 0 --> 5000 bar [1200, 2400, 1800, 3600, 4200] line [1200, 2400, 1800, 3600, 4200]