🔄 Mermaid

Zustandsdiagramm

Erfassen Sie jeden Zustand und jeden Übergang eines Systems

Dieses Beispiel im Editor öffnen Eines mit KI generieren

Was ist ein Zustandsdiagramm?

Ein Zustandsdiagramm zeigt die möglichen Zustände eines Objekts und die Ereignisse, die es zwischen ihnen bewegen: Bestelllebenszyklen, Dokumenten-Workflows, UI-Zustände, Verbindungsmanagement. Unverzichtbar, wann immer „in welchem Zustand sind wir?“ zählt.

Live-Beispiel

Mermaid-Code

stateDiagram-v2
    [*] --> Draft
    Draft --> Review : submit
    Review --> Draft : request changes
    Review --> Approved : approve
    Approved --> Published : publish
    Published --> Archived : archive
    Archived --> [*]

Live-Beispiel

Wann einsetzen

Lebenszyklen von Bestellungen, Tickets oder Dokumenten modellieren

Zustände von UI-Komponenten und Verbindungen entwerfen

Geschäftsregeln rund um Statusübergänge spezifizieren

Grundlegende Syntax

.mmd

stateDiagram-v2
    [*] --> Idle
    Idle --> Active : start
    Active --> [*] : stop

Fragen zu diesem Diagramm

Was ist der Unterschied zu einem Flowchart?

Ein Flowchart folgt einem Prozess von Anfang bis Ende. Ein Zustandsdiagramm beschreibt alle möglichen Zustände einer Sache und die Ereignisse, die Übergänge auslösen — einschließlich Zyklen und Fehlerzuständen.

Unterstützt Mermaid verschachtelte Zustände?

Ja — stateDiagram-v2 unterstützt zusammengesetzte (verschachtelte) Zustände, Forks, Joins, Verzweigungen und Notizen für realistische Zustandsautomaten.

Weitere Diagrammtypen entdecken

🔀 Flowchart 💬 Sequenzdiagramm 🧩 Klassendiagramm 🗄️ Entity-Relationship-Diagramm 📅 Gantt-Diagramm 🥧 Kreisdiagramm 🧠 Mindmap 🌿 Git-Graph 🕰️ Zeitleiste 🚶 User Journey 🎯 Quadrantendiagramm

Erstellen Sie jetzt Ihr Zustandsdiagramm

Beschreiben Sie es in natürlicher Sprache — die KI schreibt den Mermaid-Code für Sie.

Mermaid Studio öffnen