🔄 Mermaid

Diagramă de stări

Surprinde fiecare stare și tranziție a unui sistem

Deschide acest exemplu în editor Generează una cu IA

Ce este o Diagramă de stări?

O diagramă de stări arată stările în care se poate afla un obiect și evenimentele care îl mută între ele: cicluri de viață ale comenzilor, fluxuri documentare, stări de interfață, gestionarea conexiunilor. Esențială ori de câte ori contează „în ce stare suntem?”.

Exemplu live

Cod Mermaid

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

Exemplu live

Când să o folosești

Modelează ciclurile de viață ale comenzilor, tichetelor sau documentelor

Proiectează stările componentelor UI și ale conexiunilor

Specifică regulile de business legate de tranzițiile de stare

Sintaxă de bază

.mmd

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

Întrebări despre această diagramă

Care este diferența față de o diagramă de flux?

O diagramă de flux urmărește un proces de la început la sfârșit. O diagramă de stări descrie toate stările posibile ale unui lucru și ce evenimente provoacă tranzițiile — inclusiv ciclurile și stările de eroare.

Acceptă Mermaid stări imbricate?

Da — stateDiagram-v2 acceptă stări compozite (imbricate), fork-uri, join-uri, alegeri și note pentru mașini de stări realiste.

Explorează celelalte tipuri de diagrame

🔀 Diagramă de flux 💬 Diagramă de secvență 🧩 Diagramă de clase 🗄️ Diagramă entitate-relație 📅 Diagramă Gantt 🥧 Diagramă circulară 🧠 Hartă mentală 🌿 Graf Git 🕰️ Cronologie 🚶 Parcursul utilizatorului 🎯 Diagramă cu cadrane

Creează-ți acum Diagramă de stări

Descrie-o în limbaj natural — IA scrie codul Mermaid pentru tine.

Deschide Mermaid Studio