🔄 Mermaid

Diagram stanów

Uchwyć każdy stan i przejście systemu

Otwórz ten przykład w edytorze Wygeneruj własny z AI

Czym jest Diagram stanów?

Diagram stanów pokazuje stany, w jakich może znajdować się obiekt, oraz zdarzenia, które go między nimi przenoszą: cykle życia zamówień, obiegi dokumentów, stany UI, obsługa połączeń. Niezbędny zawsze, gdy liczy się pytanie „w jakim jesteśmy stanie?”.

Żywy przykład

Kod Mermaid

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

Żywy przykład

Kiedy go używać

Modelowanie cykli życia zamówień, zgłoszeń lub dokumentów

Projektowanie stanów komponentów UI i połączeń

Specyfikowanie reguł biznesowych wokół zmian statusu

Podstawowa składnia

.mmd

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

Pytania o ten diagram

Czym to się różni od schematu blokowego?

Schemat blokowy śledzi proces od początku do końca. Diagram stanów opisuje wszystkie możliwe stany jednej rzeczy i zdarzenia wywołujące przejścia — łącznie z cyklami i stanami błędów.

Czy Mermaid obsługuje stany zagnieżdżone?

Tak — stateDiagram-v2 obsługuje stany złożone (zagnieżdżone), rozwidlenia, złączenia, wybory i notatki, pozwalając budować realistyczne maszyny stanów.

Poznaj pozostałe typy diagramów

🔀 Schemat blokowy 💬 Diagram sekwencji 🧩 Diagram klas 🗄️ Diagram związków encji 📅 Wykres Gantta 🥧 Wykres kołowy 🧠 Mapa myśli 🌿 Graf Git 🕰️ Oś czasu 🚶 Podróż użytkownika 🎯 Wykres ćwiartkowy

Stwórz swój Diagram stanów już teraz

Opisz go naturalnym językiem — AI napisze kod Mermaid za Ciebie.

Otwórz Mermaid Studio