Flowchart
graph TD
A[Rectangle] --> B{Diamond}
B -->|Yes| C[Result 1]
B -->|No| D[Result 2]
C --> E((Circle))
D --> E
E --> F[(Database)]
F --> G>Flag]
Sequence Diagram
sequenceDiagram
participant A as Alice
participant B as Bob
A->>B: Hello Bob!
B-->>A: Hi Alice!
activate B
B->>B: Process
deactivate B
Note over A,B: Communication
Class Diagram
classDiagram
class Animal {
+String name
+int age
+eat()
+sleep()
}
class Dog {
+String breed
+bark()
}
Animal <|-- Dog
State Diagram
stateDiagram-v2
[*] --> Idle
Idle --> Processing: Start
Processing --> Success: Complete
Processing --> Error: Fail
Success --> [*]
Error --> Idle: Retry
Entity Relationship
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER {
string name
string email
}
ORDER {
int orderNumber
date orderDate
}
Gantt Chart
gantt
title Project Timeline
dateFormat YYYY-MM-DD
section Planning
Research :a1, 2024-01-01, 7d
Design :after a1, 5d
section Development
Backend :2024-01-15, 10d
Frontend :2024-01-20, 8d
Pie Chart
pie title Distribution
"Category A" : 45
"Category B" : 25
"Category C" : 20
"Category D" : 10
User Journey
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me