🔄 Mermaid

Tilstandsdiagram

Fang hver tilstand og overgang i et system

Åbn dette eksempel i editoren Generér et med AI

Hvad er et Tilstandsdiagram?

Et tilstandsdiagram viser de tilstande, et objekt kan være i, og de hændelser, der flytter det imellem dem: ordrelivscyklusser, dokumentworkflows, UI-tilstande, forbindelseshåndtering. Uundværligt, når “hvilken tilstand er vi i?” betyder noget.

Live-eksempel

Mermaid-kode

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

Live-eksempel

Hvornår skal det bruges

Modellér livscyklusser for ordrer, sager eller dokumenter

Design tilstande for UI-komponenter og forbindelser

Specificér forretningsregler omkring statusovergange

Grundlæggende syntaks

.mmd

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

Spørgsmål om dette diagram

Hvad er forskellen på et flowchart?

Et flowchart følger en proces fra start til slut. Et tilstandsdiagram beskriver alle mulige tilstande for én ting, og hvilke hændelser der udløser overgange — inklusive cyklusser og fejltilstande.

Understøtter Mermaid indlejrede tilstande?

Ja — stateDiagram-v2 understøtter sammensatte (indlejrede) tilstande, forks, joins, valg og noter til realistiske tilstandsmaskiner.

Udforsk andre diagramtyper

🔀 Flowchart 💬 Sekvensdiagram 🧩 Klassediagram 🗄️ Entitets-relationsdiagram 📅 Gantt-diagram 🥧 Cirkeldiagram 🧠 Mindmap 🌿 Git-graf 🕰️ Tidslinje 🚶 Brugerrejse 🎯 Kvadrantdiagram

Opret dit Tilstandsdiagram nu

Beskriv det i almindeligt sprog — AI’en skriver Mermaid-koden for dig.

Åbn Mermaid Studio