Testing Mermaid Diagrams

less than 1 minute read

Published:

This is a test post to verify that Mermaid diagrams are working correctly on the site.

Simple Flowchart

graph TD;
    A[Start] --> B[Initialize];
    B --> C{Check Status};
    C -->|Success| D[Process Data];
    C -->|Error| E[Handle Error];
    D --> F[Complete];
    E --> F;

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant Server
    User->>Browser: Click button
    Browser->>Server: Send request
    Server-->>Browser: Return response
    Browser-->>User: Display result

Simple Timeline

gantt
    title Development Timeline
    dateFormat  YYYY-MM-DD
    section Planning
    Research        :done, research, 2025-07-01, 2025-07-05
    Design          :done, design, after research, 3d
    section Development
    Setup           :active, setup, 2025-07-12, 1d
    Implementation  :impl, after setup, 5d
    Testing         :test, after impl, 2d

The diagrams above should render correctly if Mermaid support is working properly.