Mermaid Diagrams

graph TD; A-->B; A-->C; B-->D; C-->D;

graph TD; A[Start] --> B[Step 1]; B --> C{Decision}; C -->|Yes| D[Step 2]; C -->|No| E[End];

graph LR; A --> B; B --> C; C --> D; D --> E; E --> A;

classDiagram class Animal { +String species +void eat() +void sleep() } class Mammal { +boolean hasFur +void feedYoung() } Animal <|-- Mammal

sequenceDiagram participant Alice participant Bob Alice->>Bob: Hi Bob Bob->>Alice: Hi Alice

gantt dateFormat YYYY-MM-DD section Section Task A :a1, 2023-01-01, 30d Task B :after a1, 20d

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

pie title Key Data Points "Data 1": 45 "Data 2": 25 "Data 3": 30

journey title My Travel Journey section Day 1 Wake Up: 5: Me Eat Breakfast: 4: Me

stateDiagram [*] --> S1 S1 --> S2 S2 --> [*]

gitGraph commit branch develop commit checkout master commit merge develop

graph TD; A-->B;

graph TD; A-->B; B-->C; C-->A;

graph TD; A[Square Rect] --> B((Circle)); B --> C((Circle)); C --> D[Square Rect];

graph LR; A --> B; B --> C; B --> D; style C fill:#f9f,stroke:#333,stroke-width:2px; style D fill:#bbf,stroke:#1132a4,stroke-width:4px;

graph TD; subgraph one a1-->a2; end; subgraph two b1-->b2; end; one --> two;

graph TD; subgraph cluster_A A1 --> A2 end subgraph cluster_B B1 --> B2 end A1 --> B1

graph LR; Start --> Stop;

stateDiagram [*] --> Still Still --> Moving Moving --> Running Running --> [*]

graph TD; A(Should you do it?) -->|Yes| B[Do it] A -->|No| C[Do not do it]