cheatsheet.title

cheatsheet.description

cheatsheet.sections.flowchart

diagramTypes.flowchart.description

Basic top-down flow
cheatsheet.tryInEditor
graph TD
    A[Start] --> B[End]
Decision branching
cheatsheet.tryInEditor
graph TD
    A{Decision} -->|Yes| B[OK]
    A -->|No| C[Cancel]
Subgraph grouping
cheatsheet.tryInEditor
graph LR
    subgraph Group
        A --> B
    end
Node shapes
cheatsheet.tryInEditor
graph TD
    A[Rectangle] --> B(Rounded)
    B --> C{Diamond}
    C --> D((Circle))
    C --> E([Stadium])

cheatsheet.sections.sequence

diagramTypes.sequence.description

Basic message exchange
cheatsheet.tryInEditor
sequenceDiagram
    Alice->>Bob: Hello
    Bob-->>Alice: Hi
Loop block
cheatsheet.tryInEditor
sequenceDiagram
    loop Every minute
        Alice->>Bob: Ping
    end
Alternative flows
cheatsheet.tryInEditor
sequenceDiagram
    alt Success
        A->>B: 200 OK
    else Error
        A->>B: 500 Error
    end
Activation boxes
cheatsheet.tryInEditor
sequenceDiagram
    Alice->>+Bob: Request
    Bob-->>-Alice: Response

cheatsheet.sections.class

diagramTypes.class.description

Class with members
cheatsheet.tryInEditor
classDiagram
    class Animal {
        +String name
        +makeSound()
    }
Inheritance relationships
cheatsheet.tryInEditor
classDiagram
    Animal <|-- Dog
    Animal <|-- Cat
    Animal : +String name
Cardinality notation
cheatsheet.tryInEditor
classDiagram
    Customer "1" --> "*" Order

cheatsheet.sections.state

diagramTypes.state.description

Basic state transitions
cheatsheet.tryInEditor
stateDiagram-v2
    [*] --> Active
    Active --> [*]
Labeled transitions
cheatsheet.tryInEditor
stateDiagram-v2
    Idle --> Running: start
    Running --> Idle: stop
Nested composite state
cheatsheet.tryInEditor
stateDiagram-v2
    state Active {
        [*] --> Working
        Working --> Paused
    }

cheatsheet.sections.gantt

diagramTypes.gantt.description

Basic project schedule
cheatsheet.tryInEditor
gantt
    title Project
    dateFormat YYYY-MM-DD
    section Phase 1
    Task A :a1, 2024-01-01, 30d
    Task B :after a1, 20d
Task status markers
cheatsheet.tryInEditor
gantt
    Task Done :done, d1, 2024-01-01, 10d
    Task Active :active, 2024-01-11, 10d
    Task Crit :crit, 2024-01-21, 10d

cheatsheet.sections.erDiagram

diagramTypes.erDiagram.description

Entity relationships
cheatsheet.tryInEditor
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
Entity with attributes
cheatsheet.tryInEditor
erDiagram
    CUSTOMER {
        int id PK
        string name
        string email
    }

cheatsheet.sections.journey

diagramTypes.journey.description

User experience journey
cheatsheet.tryInEditor
journey
    title User Flow
    section Login
      Visit site: 5: User
      Enter credentials: 3: User
      Dashboard: 4: User

cheatsheet.sections.gitGraph

diagramTypes.gitGraph.description

Basic branch and merge
cheatsheet.tryInEditor
gitGraph
    commit
    branch develop
    commit
    checkout main
    merge develop
Feature branch workflow
cheatsheet.tryInEditor
gitGraph
    commit
    branch feature
    commit
    commit
    checkout main
    merge feature
    commit

cheatsheet.sections.mindmap

diagramTypes.mindmap.description

Central topic with branches
cheatsheet.tryInEditor
mindmap
  root((Central))
    Topic A
      Detail 1
      Detail 2
    Topic B
      Detail 3

cheatsheet.sections.pie

diagramTypes.pie.description

Budget distribution
cheatsheet.tryInEditor
pie title Budget
    "Engineering" : 45
    "Marketing" : 25
    "Operations" : 30

cheatsheet.sections.timeline

diagramTypes.timeline.description

Chronological events
cheatsheet.tryInEditor
timeline
    title History
    2020 : Event A
    2021 : Event B
         : Event C
    2022 : Event D

cheatsheet.sections.kanban

diagramTypes.kanban.description

Task board columns
cheatsheet.tryInEditor
kanban
  Todo
    Task 1
    Task 2
  In Progress
    Task 3
  Done
    Task 4

cheatsheet.sections.quadrantChart

diagramTypes.quadrantChart.description

Priority matrix
cheatsheet.tryInEditor
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
cheatsheet.tryInEditor
sankey-beta

Source,Target,Value
A,X,5
A,Y,3
B,X,2
B,Y,8

cheatsheet.sections.xyChart

diagramTypes.xyChart.description

Bar and line chart
cheatsheet.tryInEditor
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
cheatsheet.tryInEditor
block-beta
columns 3
  a["A"]:3
  b["B"] c["C"] d["D"]

cheatsheet.sections.architecture

diagramTypes.architecture.description

Cloud service topology
cheatsheet.tryInEditor
architecture-beta
    group api(cloud)[API]
    service web(internet)[Web] in api
    service db(database)[DB]
    web:R --> L:db

cheatsheet.sections.packet

diagramTypes.packet.description

Network packet field layout
cheatsheet.tryInEditor
packet-beta
  0-15: "Source Port"
  16-31: "Dest Port"
  32-63: "Sequence Number"
cheatsheet.tryInEditor