🔀 Mermaid

Flowchart

Breng elk proces, elke beslissing of elk algoritme in kaart

Open dit voorbeeld in de editor Genereer er een met AI

Wat is een Flowchart?

Een flowchart toont de stappen van een proces en de beslissingen ertussen. Het is het meest universele diagram: onboardingflows, algoritmen, goedkeuringsketens, troubleshootinggidsen — als het stappen en keuzes heeft, kan een flowchart het tonen.

Live voorbeeld

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 voorbeeld

Wanneer gebruik je het

Bedrijfsprocessen en goedkeuringsworkflows documenteren

Algoritmen en foutafhandelingslogica ontwerpen vóór het coderen

Troubleshooting en beslisbomen uitleggen aan supportteams

Basissyntaxis

.mmd

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

Vragen over dit diagram

Wanneer gebruik ik een flowchart in plaats van een sequentiediagram?

Gebruik een flowchart voor de logica van één proces (stappen en beslissingen). Gebruik een sequentiediagram wanneer meerdere actoren of systemen in de tijd berichten uitwisselen.

Kan de AI een flowchart genereren uit een tekstbeschrijving?

Ja — beschrijf het proces in gewone taal (“gebruiker registreert zich, verifieert e-mail, daarna …”) en Mermaid Studio genereert de complete flowchart, klaar om te bewerken.

Verken de andere diagramtypen

💬 Sequentiediagram 🧩 Klassediagram 🗄️ Entiteit-relatiediagram 🔄 Toestandsdiagram 📅 Gantt-grafiek 🥧 Cirkeldiagram 🧠 Mindmap 🌿 Git-graaf 🕰️ Tijdlijn 🚶 User journey 🎯 Kwadrantgrafiek

Maak nu je Flowchart

Beschrijf het in gewone taal — de AI schrijft de Mermaid-code voor je.

Mermaid Studio openen