💬 Mermaid

Sekvensdiagram

Visa hur system och människor pratar med varandra

Öppna detta exempel i editorn Generera ett med AI

Vad är ett Sekvensdiagram?

Ett sekvensdiagram visar meddelanden som utbyts mellan deltagare över tid: API-anrop, autentiseringsflöden, kommunikation mellan mikrotjänster. Det är standardsättet att dokumentera interaktioner i mjukvaruarkitektur.

Live-exempel

Mermaid-kod

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-exempel

När det ska användas

Dokumentera API-flöden, autentisering och betalningsprotokoll

Designa interaktioner mellan mikrotjänster före implementeringen

Felsök produktionsincidenter genom att kartlägga den verkliga anropskedjan

Grundläggande syntax

.mmd

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

Frågor om detta diagram

Vad betyder piltyperna i ett Mermaid-sekvensdiagram?

Heldragna pilar (->>) är synkrona anrop, streckade pilar (-->>) är svar eller asynkrona meddelanden. Aktiveringar visar när en deltagare är upptagen med bearbetning.

Kan jag visa loopar och villkor?

Ja — Mermaid stöder blocken loop, alt (if/else), opt (valfritt) och par (parallellt) för att uttrycka logiken i verkliga protokoll.

Utforska andra diagramtyper

🔀 Flödesschema 🧩 Klassdiagram 🗄️ Entitetsrelationsdiagram 🔄 Tillståndsdiagram 📅 Gantt-schema 🥧 Cirkeldiagram 🧠 Tankekarta 🌿 Git-graf 🕰️ Tidslinje 🚶 Användarresa 🎯 Kvadrantdiagram

Skapa ditt Sekvensdiagram nu

Beskriv det på vanligt språk — AI:n skriver Mermaid-koden åt dig.

Öppna Mermaid Studio