Skip to main content

Flowcharts

Overview​

Flowcharts are made up of nodes (geometric shapes) and edges (arrows or lines). With Mermaid code, you can create these nodes and edges in different styles, including various arrow types, multi-directional arrows, and connections to subgraphs.

Code​

flowchart TD
    A[Start] --> B{Is it?}
    B -->|Yes| C[OK]
    C --> D[Rethink]
    D --> B
    B ---->|No| E[End]

Example​

Atlassian Use Cases​

In Jira: Document acceptance criteria decision trees, escalation processes, or bug triage flows directly on a Work Item.

In Confluence: Use flowcharts in runbooks, onboarding guides, incident response playbooks, or process documentation pages.

Example: Bug escalation process​

flowchart TD
    A[Bug Reported] --> B{Critical?}
    B -->|Yes| C[Escalate to On-Call]
    B -->|No| D[Add to Backlog]
    C --> E[Create P0 Jira Issue]
    D --> F[Triage in Sprint Planning]

Full Syntax Reference​

For the complete Mermaid flowchart syntax, see the official Mermaid documentation.