🔀 Mermaid

Flowchart

Map any process, decision or algorithm

Open this example in the editor Generate one with AI

What is a Flowchart?

A flowchart shows the steps of a process and the decisions between them. It is the most universal diagram: onboarding flows, algorithms, approval chains, troubleshooting guides — if it has steps and choices, a flowchart can show it.

Live example

Mermaid code

flowchart TD
    A([Start]) --> B{Payment valid?}
    B -->|Yes| C[Reserve stock]
    B -->|No| D[Show error]
    C --> E{In stock?}
    E -->|Yes| F[Confirm order]
    E -->|No| G[Notify customer]
    F --> H([Done])
    D --> H
    G --> H

Live example

When to use it

Document business processes and approval workflows

Design algorithms and error-handling logic before coding

Explain troubleshooting and decision trees to support teams

Basic syntax

.mmd

flowchart TD
    A[Rectangle] --> B{Decision}
    B -->|Yes| C([Rounded])
    B -->|No| D[(Database)]

Questions about this diagram

When should I use a flowchart instead of a sequence diagram?

Use a flowchart for the logic of one process (steps and decisions). Use a sequence diagram when several actors or systems exchange messages over time.

Can the AI generate a flowchart from a text description?

Yes — describe the process in plain language (“user signs up, verifies email, then…”) and Mermaid Studio generates the complete flowchart, ready to edit.

Explore other diagram types

💬 Sequence diagram 🧩 Class diagram 🗄️ Entity-relationship diagram 🔄 State diagram 📅 Gantt chart 🥧 Pie chart 🧠 Mind map 🌿 Git graph 🕰️ Timeline 🚶 User journey 🎯 Quadrant chart

Create your Flowchart now

Describe it in plain language — the AI writes the Mermaid code for you.

Open Mermaid Studio