flowchart LR
    ItemA-->ItemB-->ItemC

flowchart LR
    style ItemA fill:#C4F7A1, stroke:#7FC6A4
    style ItemB fill:#FFEC51, stroke:#FFEC51  
    style ItemC fill:#FFC4EB, stroke:#FFC4EB 
    ItemA-->ItemB-->ItemC

graph
    A[ItemA]--> ItemB
    A--> ItemC
    subgraph ItemC
        D[ItemD]-->E[ItemE]
        E-->D
    end

    X[ItemX]==>Decision
    click X "https://mermaid.js.org/"
    Decision{Item Y?}==>|Yes| Y[ItemY]
    Decision==>|No| Z[ItemZ]

pie title Pie chart 1
    "Category A" : 0.5
    "Category B" : 0.2
    "Category C" : 0.3

pie title Pie chart 2
    "Category A" : 2000
    "Category B" : 500
    "Category C" : 1000

xychart-beta
    title "XY chart title"
    x-axis "Purchase date" [Jan, Feb, Mar, Apr, May, Jun]
    y-axis "Y variable" 0 --> 100
    bar [50, 60, 75, 82, 75, 40]
    line [50, 45, 75, 82, 65, 55]

sankey-beta
    Category L1, Category R1, 5
    Category L1, Category R2, 10
    Category L2, Category R1, 15
    Category L2, Category R3, 8
    Category L3, Category R3, 20

quadrantChart
    title Quadrant chart
    x-axis Left x --> Right x
    y-axis Bottom y --> Top y
    quadrant-1 Quadrant A
    quadrant-2 Quadrant B
    quadrant-3 Quadrant C
    quadrant-4 Quadrant D
    Point A: [0.3, 0.6]
    Point B: [0.4, 0.2]
    Point C: [0.6, 0.8]
    Point D: [0.8, 0.3]
    Point E: [0.2, 0.3]
    Point F: [0.5, 0.7]

timeline
    title Timeline title
    2015: EventA
        : EventB
    2020: EventC
    2025: EventD
        : EventE
        : EventF

gantt 
    title Gantt chart 1
    dateFormat YYYY-MM-DD
    axisFormat %b %d
    section Section A
        Task A1: a1, 2024-04-15, 7d
        Task A2: after a1, 5d
    section Section B
        Task B1: 2024-04-22, 2024-05-02
        Task B2: 2024-04-29, 5d

gantt 
    title Gantt chart 2
    dateFormat YYYY-MM-DD
    axisFormat %b %d
    excludes weekends 2024-04-25
    section Section A
        Task A1: done, a1, 2024-04-15, 7d
        Task A2: active, after a1, 5d
    section Section B
        Task B1: active, 2024-04-22, 2024-05-02
        Task B2: 2024-04-29, 5d

journey
    title Journey 1
    section Section A
        Activity 1A: 5: Person1
        Activity 2A: 3: Person2
        Activity 3A: 2: Person1, Person2
    section Section B
        Activity 1B: 4: Person2
        Activity 1B: 5: Person1

mindmap
root((Center node))
    Node1
        Node1A
        Node1B
        Node1C
    Node2
        Node2A
        Node2B
            Node2B1
            Node2B2
    Node3
        Node3A
        Node3B
    Node4
        Node4A
            Node4A1    

stateDiagram
    [*] --> StateA
    StateA --> [*]
    StateA --> StateB
    StateB --> StateA
    StateB --> StateD
    StateD --> [*]

sequenceDiagram
    ParticipantA->ParticipantB: Line
    ParticipantB-->ParticipantC: Dotted line
    ParticipantA->>ParticipantB: Line arrow
    ParticipantA-->>ParticipantC: Dotted line arrow
    ParticipantB->>ParticipantB: Rounded arrow
    ParticipantC-->>ParticipantC: Dotted rounded arrow

sequenceDiagram
    autonumber
    participant A as ParticipantA
    participant B as ParticipantB
    participant C as ParticipantC
    A->B: Line
    B-->C: Dotted line
    A->>B: Line arrow
    A-->>C: Dotted line arrow
    B->>B: Rounded arrow
    C-->>C: Dotted rounded arrow
    Note left of A: NOTE
    loop
        A->>B: Loop text
    end

erDiagram
    Item1 ||--o{ Item2: text1
    Item2 ||--|{ Item3: text2
    Item1 }|..|{ Item4: text3
    Item4 }o--o{ Item4: text3

classDiagram
    SuperClass --> SubclassA
    SuperClass --> SubclassB: Note
    SuperClass : +int attribute1
    SuperClass : +str attribute2
    SuperClass: +method1()
    SuperClass: +method2()
    class SubclassA{
        +str attribute2A
        +method1A()
        +method2A()
      }
    class SubclassB{
        +int attribute1B
        +method1B()
      }