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.