flowchart,
sequenceDiagram, classDiagram,
stateDiagram-v2, erDiagram,
or gantt. Comments use %%.
%% comment flowchart TD A[Start] --> B[Finish]
flowchart TD A --> B[End]
flowchart TD flowchart LR
flowchart LR A --> B style A fill:#e8f1ff,stroke:#4d89ff style B fill:#eaffea,stroke:#2c9b45
flowchart TD
A[Start] --> B{Decision}
B -->|Yes| C[Do thing]
B -->|No| D[Stop]
flowchart LR subgraph Backend A[API] --> B[DB] end C[Browser] --> A
flowchart TD
A[Rectangle]
B(Rounded)
C{Diamond}
D((Circle))
A --> B --> C --> D
sequenceDiagram participant U as User participant A as App U->>A: Submit request A-->>U: Response
sequenceDiagram Alice->>Bob: Check status alt success Bob-->>Alice: Approved else failure Bob-->>Alice: Rejected end
classDiagram
class Animal {
+String name
+eat()
}
class Dog {
+bark()
}
Animal <|-- Dog
stateDiagram-v2 [*] --> Draft Draft --> Review Review --> Approved Approved --> [*]
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE_ITEM : contains
gantt title Project timeline dateFormat YYYY-MM-DD section Planning Requirements :done, a1, 2026-04-01, 5d
pie title Budget split "Ops" : 42 "Labor" : 33
mindmap
root((Project))
Scope
Risks
timeline title Program history 2024 : Pilot begins