cheatsheet.title
cheatsheet.description
cheatsheet.sections.flowchartcheatsheet.sections.sequencecheatsheet.sections.classcheatsheet.sections.statecheatsheet.sections.ganttcheatsheet.sections.erDiagramcheatsheet.sections.journeycheatsheet.sections.gitGraphcheatsheet.sections.mindmapcheatsheet.sections.piecheatsheet.sections.timelinecheatsheet.sections.kanbancheatsheet.sections.quadrantChartcheatsheet.sections.sankeycheatsheet.sections.xyChartcheatsheet.sections.blockcheatsheet.sections.architecturecheatsheet.sections.packet
cheatsheet.sections.flowchart
diagramTypes.flowchart.description
Basic top-down flow
graph TD
A[Start] --> B[End]Decision branching
graph TD
A{Decision} -->|Yes| B[OK]
A -->|No| C[Cancel]Subgraph grouping
graph LR
subgraph Group
A --> B
endNode shapes
graph TD
A[Rectangle] --> B(Rounded)
B --> C{Diamond}
C --> D((Circle))
C --> E([Stadium])cheatsheet.sections.sequence
diagramTypes.sequence.description
Basic message exchange
sequenceDiagram
Alice->>Bob: Hello
Bob-->>Alice: HiLoop block
sequenceDiagram
loop Every minute
Alice->>Bob: Ping
endAlternative flows
sequenceDiagram
alt Success
A->>B: 200 OK
else Error
A->>B: 500 Error
endActivation boxes
sequenceDiagram
Alice->>+Bob: Request
Bob-->>-Alice: Responsecheatsheet.sections.class
diagramTypes.class.description
Class with members
classDiagram
class Animal {
+String name
+makeSound()
}Inheritance relationships
classDiagram
Animal <|-- Dog
Animal <|-- Cat
Animal : +String nameCardinality notation
classDiagram
Customer "1" --> "*" Ordercheatsheet.sections.state
diagramTypes.state.description
Basic state transitions
stateDiagram-v2
[*] --> Active
Active --> [*]Labeled transitions
stateDiagram-v2
Idle --> Running: start
Running --> Idle: stopNested composite state
stateDiagram-v2
state Active {
[*] --> Working
Working --> Paused
}cheatsheet.sections.gantt
diagramTypes.gantt.description
Basic project schedule
gantt
title Project
dateFormat YYYY-MM-DD
section Phase 1
Task A :a1, 2024-01-01, 30d
Task B :after a1, 20dTask status markers
gantt
Task Done :done, d1, 2024-01-01, 10d
Task Active :active, 2024-01-11, 10d
Task Crit :crit, 2024-01-21, 10dcheatsheet.sections.erDiagram
diagramTypes.erDiagram.description
Entity relationships
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE_ITEM : containsEntity with attributes
erDiagram
CUSTOMER {
int id PK
string name
string email
}cheatsheet.sections.journey
diagramTypes.journey.description
User experience journey
journey
title User Flow
section Login
Visit site: 5: User
Enter credentials: 3: User
Dashboard: 4: Usercheatsheet.sections.gitGraph
diagramTypes.gitGraph.description
Basic branch and merge
gitGraph
commit
branch develop
commit
checkout main
merge developFeature branch workflow
gitGraph
commit
branch feature
commit
commit
checkout main
merge feature
commitcheatsheet.sections.mindmap
diagramTypes.mindmap.description
Central topic with branches
mindmap
root((Central))
Topic A
Detail 1
Detail 2
Topic B
Detail 3cheatsheet.sections.pie
diagramTypes.pie.description
Budget distribution
pie title Budget
"Engineering" : 45
"Marketing" : 25
"Operations" : 30cheatsheet.sections.timeline
diagramTypes.timeline.description
Chronological events
timeline
title History
2020 : Event A
2021 : Event B
: Event C
2022 : Event Dcheatsheet.sections.kanban
diagramTypes.kanban.description
Task board columns
kanban
Todo
Task 1
Task 2
In Progress
Task 3
Done
Task 4cheatsheet.sections.quadrantChart
diagramTypes.quadrantChart.description
Priority matrix
quadrantChart
title Priority Matrix
x-axis Low Effort --> High Effort
y-axis Low Impact --> High Impact
quadrant-1 Plan
quadrant-2 Do First
quadrant-3 Delegate
quadrant-4 Eliminate
Item A: [0.3, 0.8]
Item B: [0.7, 0.2]cheatsheet.sections.sankey
diagramTypes.sankey.description
Flow quantities between nodes
sankey-beta
Source,Target,Value
A,X,5
A,Y,3
B,X,2
B,Y,8cheatsheet.sections.xyChart
diagramTypes.xyChart.description
Bar and line chart
xychart-beta
title "Sales"
x-axis [Jan, Feb, Mar, Apr]
y-axis "Revenue" 0 --> 100
bar [30, 50, 70, 90]
line [30, 50, 70, 90]cheatsheet.sections.block
diagramTypes.block.description
Columnar block layout
block-beta
columns 3
a["A"]:3
b["B"] c["C"] d["D"]cheatsheet.sections.architecture
diagramTypes.architecture.description
Cloud service topology
architecture-beta
group api(cloud)[API]
service web(internet)[Web] in api
service db(database)[DB]
web:R --> L:dbcheatsheet.sections.packet
diagramTypes.packet.description
Network packet field layout
packet-beta
0-15: "Source Port"
16-31: "Dest Port"
32-63: "Sequence Number"