Sequenzdiagramme

Dokumentieren Sie Interaktionen zwischen verschiedenen Akteuren oder Systemen im Zeitverlauf. Ideal für API-Dokumentation und Systemdesign.

DiagrammeHaupteditor öffnen

Was ist Sequenzdiagramme?

Sequenzdiagramme sind UML-Interaktionsdiagramme, die zeigen, wie Objekte oder Systeme im Zeitverlauf miteinander kommunizieren. Sie stellen die chronologische Reihenfolge des Nachrichtenaustauschs zwischen verschiedenen Akteuren dar und sind daher unverzichtbar für die Dokumentation von API-Abläufen, Systeminteraktionen und mehrstufigen Prozessen. Jeder Teilnehmer wird durch eine vertikale Lebenslinie dargestellt, wobei horizontale Pfeile den Nachrichtenaustausch zeigen.

Bearbeiten und Vorschau

Erstellen Sie ein Sequenzdiagramme mit Mermaid-Syntax und sehen Sie Änderungen sofort.

Editor

100%

Example

Sequence diagram example

A Mermaid sequence diagram for documenting browser, editor, and renderer interactions.

Mermaid code

sequenceDiagram
    participant User
    participant WebApp as Mermaid Editor
    participant Renderer
    User->>WebApp: Paste diagram code
    WebApp->>Renderer: Render Mermaid syntax
    Renderer-->>WebApp: SVG preview
    WebApp-->>User: Download PNG

Häufige Anwendungsfälle

API-Dokumentation

Dokumentieren Sie API-Endpunkte und deren Interaktionsabläufe. Visualisieren Sie Request-Response-Zyklen, Authentifizierungsabläufe, Fehlerbehandlung und Datenaustausch zwischen Client und Server.

Microservices-Architektur

Bilden Sie Kommunikationsmuster zwischen Microservices, Nachrichtenwarteschlangen und Datenbanken ab. Unverzichtbar für das Verständnis des Verhaltens verteilter Systeme und die Fehlersuche bei Integrationsproblemen.

Authentifizierung & Autorisierung

Modellieren Sie mehrstufige Authentifizierungsprozesse wie OAuth, SAML oder JWT-Token-Abläufe. Zeigen Sie die Abfolge von Weiterleitungen, Token-Austausch und Validierungsschritten.

Systemintegration

Visualisieren Sie, wie verschiedene Systeme in komplexen Integrationsszenarien interagieren. Dokumentieren Sie Webhook-Callbacks, ereignisgesteuerte Architekturen und Drittanbieter-Dienstintegrationen.

Hauptmerkmale

Teilnehmerverwaltung

Definieren Sie mehrere Akteure, Systeme oder Dienste mit Aliasen und Aktivierungsboxen, um zu zeigen, wann Komponenten aktiv verarbeiten.

Nachrichtentypen

Unterstützung für synchrone Aufrufe, asynchrone Nachrichten, Rückgabewerte und Selbstaufrufe mit verschiedenen Pfeilstilen für Klarheit.

Kontrollstrukturen

Modellieren Sie Schleifen, bedingte Verzweigungen (alt/else), optionale Blöcke und Parallelverarbeitung mit intuitiver Syntax.

Notizen & Anmerkungen

Fügen Sie erklärende Notizen an jedem Punkt der Sequenz hinzu, um Kontext zu geben, Geschäftslogik zu klären oder Grenzfälle zu dokumentieren.

Best Practices

Auf ein Szenario konzentrieren

Jedes Sequenzdiagramm sollte einen einzelnen Anwendungsfall oder Interaktionsablauf darstellen. Erstellen Sie separate Diagramme für verschiedene Szenarien, anstatt alles zu kombinieren.

Aussagekräftige Namen verwenden

Geben Sie Teilnehmern klare, beschreibende Namen. Verwenden Sie tatsächliche Dienstnamen oder Rollentitel anstelle von generischen Bezeichnungen wie 'System A' oder 'Komponente 1'.

Fehlerpfade zeigen

Dokumentieren Sie nicht nur den Normalfall. Beziehen Sie alternative Abläufe für Fehlerbedingungen, Timeouts und Ausnahmebehandlung ein.

Zeit von oben nach unten

Folgen Sie der Konvention, dass die Zeit von oben nach unten fließt. Frühere Interaktionen sollten im Diagramm höher erscheinen als spätere.

Weitere Diagrammtypen erkunden

Flussdiagramme

Visualisieren Sie Prozesse, Arbeitsabläufe und Algorithmen mit Knoten und gerichteten Pfeilen. Perfekt für Geschäftsprozesse und Entscheidungsbäume.

Klassendiagramme

Modellieren Sie objektorientierte Systeme mit Klassen, Attributen und Beziehungen. Unverzichtbar für die Planung von Softwarearchitekturen.

Zustandsdiagramme

Stellen Sie Zustandsübergänge in Systemen oder Anwendungen dar. Hervorragend geeignet für die Modellierung von Lebenszyklen und Arbeitsabläufen.

Gantt-Diagramme

Planen und verfolgen Sie Projektzeitpläne mit Aufgaben und Abhängigkeiten. Perfekt für Projektmanagement und Terminplanung.

ER-Diagramme

Entwerfen Sie Datenbankschemata mit Entitäten und Beziehungen. Ideal für Datenbankmodellierung und Dokumentation.

User Journey

Bilden Sie Benutzererfahrungen und Interaktionen über verschiedene Berührungspunkte ab. Hervorragend für UX-Design und Customer-Journey-Mapping.

Git-Graphen

Visualisieren Sie Git-Branching-Strategien und Commit-Historien. Hilfreich zur Erklärung von Versionskontroll-Workflows.

Mindmaps

Organisieren Sie Ideen, brainstormen Sie Konzepte und erstellen Sie hierarchische visuelle Strukturen. Perfekt für Planung und Wissensabbildung.

Kreisdiagramme

Zeigen Sie proportionale Datenverteilungen mit kreisförmigen Diagrammen an. Ideal für Prozentangaben und Marktanteile.

Zeitleisten

Visualisieren Sie chronologische Ereignisse und Meilensteine entlang einer Zeitachse. Ideal für Projekthistorien und Roadmaps.

Kanban-Boards

Organisieren Sie Aufgaben in Spalten, die Workflow-Phasen darstellen. Perfekt für agiles Projektmanagement und Aufgabenverfolgung.

Quadrantendiagramme

Plotten Sie Elemente auf einem Zwei-Achsen-Raster zum Vergleichen und Priorisieren. Ideal für Feature-Priorisierung und strategische Analyse.

Sankey-Diagramme

Visualisieren Sie Flussmengen zwischen Knoten mit proportionalen Pfeilen. Perfekt für Energieflüsse, Budgetverteilung und Conversion-Funnels.

XY-Diagramme

Erstellen Sie Balkendiagramme und Liniendiagramme mit anpassbaren Achsen. Ideal für Datenvisualisierung und Trendanalyse.

Blockdiagramme

Erstellen Sie strukturierte Layouts mit Blöcken in Spalten und Zeilen. Ideal für Systemarchitektur und Komponentenübersichten.

Architekturdiagramme

Entwerfen Sie Cloud- und Systemarchitekturen mit Service-Icons und Verbindungen. Perfekt für Infrastrukturdokumentation.

Paketdiagramme

Visualisieren Sie Netzwerkprotokoll-Paketstrukturen mit Bit-Level-Feldlayouts. Unverzichtbar für Netzwerkprotokolldokumentation.