🔄 Mermaid

Stavový diagram

Zachyťte každý stav a přechod systému

Otevřít tento příklad v editoru Vygenerovat vlastní s AI

Co je Stavový diagram?

Stavový diagram zobrazuje stavy, ve kterých se objekt může nacházet, a události, které ho mezi nimi přesouvají: životní cykly objednávek, dokumentové workflow, stavy UI, správa připojení. Nezbytný vždy, když záleží na otázce „v jakém jsme stavu?“.

Živý příklad

Mermaid kód

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

Živý příklad

Kdy ho použít

Modelování životních cyklů objednávek, ticketů nebo dokumentů

Návrh stavů UI komponent a připojení

Specifikace byznysových pravidel pro přechody mezi stavy

Základní syntaxe

.mmd

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

Otázky k tomuto diagramu

Jaký je rozdíl oproti vývojovému diagramu?

Vývojový diagram sleduje proces od začátku do konce. Stavový diagram popisuje všechny možné stavy jedné věci a události vyvolávající přechody — včetně cyklů a chybových stavů.

Podporuje Mermaid vnořené stavy?

Ano — stateDiagram-v2 podporuje složené (vnořené) stavy, rozvětvení, sloučení, volby a poznámky pro realistické stavové automaty.

Prozkoumat další typy diagramů

🔀 Vývojový diagram 💬 Sekvenční diagram 🧩 Diagram tříd 🗄️ Entitně-relační diagram 📅 Ganttův graf 🥧 Koláčový graf 🧠 Myšlenková mapa 🌿 Git graf 🕰️ Časová osa 🚶 Uživatelská cesta 🎯 Kvadrantový graf

Vytvořte svůj Stavový diagram hned teď

Popište ho přirozeným jazykem — AI napíše Mermaid kód za vás.

Otevřít Mermaid Studio