💬 Mermaid

Sequentiediagram

Laat zien hoe systemen en mensen met elkaar praten

Open dit voorbeeld in de editor Genereer er een met AI

Wat is een Sequentiediagram?

Een sequentiediagram toont de berichten die deelnemers in de tijd uitwisselen: API-aanroepen, authenticatieflows, communicatie tussen microservices. Het is de standaardmanier om interacties in softwarearchitectuur te documenteren.

Live voorbeeld

Mermaid-code

sequenceDiagram
    autonumber
    participant U as User
    participant A as API
    participant D as Database
    U->>A: POST /login
    A->>D: SELECT user
    D-->>A: user row
    A-->>U: 200 + JWT token
    U->>A: GET /profile (Bearer)
    A-->>U: 200 profile

Live voorbeeld

Wanneer gebruik je het

API-flows, authenticatie en betaalprotocollen documenteren

Microservice-interacties ontwerpen vóór de implementatie

Productie-incidenten debuggen door de werkelijke aanroepketen in kaart te brengen

Basissyntaxis

.mmd

sequenceDiagram
    participant A as Alice
    participant B as Bob
    A->>B: Sync request
    B-->>A: Async response

Vragen over dit diagram

Wat betekenen de pijltypen in een Mermaid-sequentiediagram?

Doorgetrokken pijlen (->>) zijn synchrone aanroepen, gestippelde pijlen (-->>) antwoorden of asynchrone berichten. Activaties tonen wanneer een deelnemer bezig is met verwerken.

Kan ik lussen en voorwaarden tonen?

Ja — Mermaid ondersteunt de blokken loop, alt (if/else), opt (optioneel) en par (parallel) om de logica van echte protocollen uit te drukken.

Verken de andere diagramtypen

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

Maak nu je Sequentiediagram

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

Mermaid Studio openen