Michael Hathi
|
2 min read
Mermaid Sample: Feature Delivery Workflow

This Mermaid flowchart demonstrates a realistic software delivery workflow with:

  • Subgraphs
  • Decision nodes
  • Parallel paths
  • Styled outcome nodes
flowchart TD
  A[Product request] --> B[Define scope]
  B --> C{Ready for implementation?}
  C -->|No| D[Clarify requirements]
  D --> B
  C -->|Yes| E

  subgraph Build["Build & Verify"]
    E[Implement feature] --> F[Open pull request]
    F --> G[Code review]
    G --> H{Approved?}
    H -->|No| E
    H -->|Yes| I[Run CI tests]
    I --> J{All checks pass?}
    J -->|No| E
    J -->|Yes| K[Merge to main]
  end

  K --> L[Deploy to staging]
  L --> M[QA validation]
  M --> N{Release ready?}
  N -->|No| E
  N -->|Yes| O[Deploy to production]
  O --> P{Monitoring healthy?}
  P -->|No| Q[Rollback release]
  P -->|Yes| R[Announce release]

  style O fill:#d9fbe6,stroke:#15803d,stroke-width:2px
  style Q fill:#fee2e2,stroke:#b91c1c,stroke-width:2px
  style R fill:#dbeafe,stroke:#1d4ed8,stroke-width:2px

This example is intentionally verbose so you can see how Mermaid handles loops, conditional branches, and visual emphasis.