Skip to content

Mermaid Diagram Examples

Examples of different Mermaid diagram types.

Simple Flowchart

flowchart TD
    Start --> Process
    Process --> Decision{Success?}
    Decision -->|Yes| End
    Decision -->|No| Error
    Error --> Process

Sequence Diagram

sequenceDiagram
    User->>App: Request
    App->>API: Forward Request
    API-->>App: Response
    App-->>User: Display Result

State Diagram

stateDiagram-v2
    [*] --> Idle
    Idle --> Processing
    Processing --> Success
    Processing --> Failed
    Success --> [*]
    Failed --> Idle