graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[OK]
    B -->|No| D[Cancel]
    C --> E[End]
    D --> E

graph TB
    subgraph Frontend
        A[React] --> B[Redux]
    end
    subgraph Backend
        C[Node] --> D[DB]
    end
    B --> C

sequenceDiagram
    Alice->>+Bob: Request
    Bob-->>-Alice: Response
    Note over Alice,Bob: Done!

classDiagram
    class Animal {
        +String name
        +makeSound()
    }
    Animal <|-- Dog

stateDiagram-v2
    [*] --> Idle
    Idle --> Running: Start
    Running --> [*]: Done

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE : contains

journey
    title User Flow
    section Login
      Visit: 5: User
      Login: 3: User

gantt
    title Project
    dateFormat YYYY-MM-DD
    section Dev
    Task1 :a1, 2024-01-01, 7d
    Task2 :after a1, 5d

pie showData
    title Share
    "A" : 60
    "B" : 30
    "C" : 10

gitGraph
    commit
    branch dev
    commit
    checkout main
    merge dev

mindmap
  root((Topic))
    A
      A1
      A2
    B
      B1

timeline
    title History
    2020 : Event A
    2021 : Event B
    2022 : Event C