Générateur de Diagramme d'états en ligne

Créez un Diagramme d'états en ligne et gratuitement. Rendu en direct avec la syntaxe Mermaid, exportable en PNG et SVG, sans inscription.

Ouvrir l'éditeur en ligne

Aperçu en direct

…

Comment fonctionne la syntaxe

Tout Diagramme d'états commence par un mot-clé, puis les lignes suivantes décrivent la hiérarchie et les relations par l'indentation et des symboles. Le canevas se met à jour pendant la saisie.

stateDiagram-v2
    [*] --> Pending
    Pending --> Paid : payment ok
    Pending --> Cancelled : timeout
    Paid --> Shipped : shipped
    Shipped --> Done : received
    Done --> [*]

Usages courants

Très utilisé en documentation technique, conception de produit, gestion de projet et enseignement. Le résultat se colle directement dans Markdown, une page web ou des diapositives.

Questions fréquentes

Faut-il un compte pour créer un Diagramme d'états ?

Non. Toutes les fonctions sont libres et gratuites, vous pouvez commencer dès le chargement de la page, et les exports sont illimités.

Dans quels formats exporter un Diagramme d'états ?

PNG et SVG. Le SVG est vectoriel : il reste net à tout niveau de zoom et convient parfaitement aux documents et aux diapositives.

Comment partager un Diagramme d'états ?

Le bouton de partage génère un lien contenant directement le code du diagramme. La personne qui l'ouvre voit le même diagramme, sans connexion.

Commencez votre Diagramme d'états maintenant

18 types de diagrammes, 10 langues, un rendu en direct dans votre navigateur. Sans inscription, gratuit.

Ouvrir l'éditeur en ligne

Types de diagrammes associés