DevToy

Éditeur de Diagrammes Mermaid

Écrivez, validez et exportez vos diagrammes localement.

Chargement du moteur

Éditeur de Code Mermaid

Aperçu en Temps Réel

No diagram to render.

Qu'est-ce que Mermaid ?

Mermaid transforme des définitions textuelles en diagrammes. Les équipes peuvent relire la source dans les pull requests, suivre les changements avec Git et conserver les schémas près de leur documentation.

L'éditeur rend localement des organigrammes, séquences, classes, relations d'entités et diagrammes de Gantt. Partez d'un modèle puis exportez en SVG ou PNG.

Choisir le bon diagramme

  • Les organigrammes expliquent les décisions et processus.
  • Les séquences montrent les messages dans le temps.
  • Les diagrammes ER documentent les entités et relations.
  • Les classes décrivent les types et l'héritage.
  • Les diagrammes de Gantt présentent un calendrier.

Organigramme minimal

flowchart LR
  Requête --> Valider{Valide ?}
  Valider -->|Oui| Publier
  Valider -->|Non| Réviser

Rendu local sécurisé

La source reste dans localStorage et n'est pas envoyée par DevToy. Mermaid utilise son mode de sécurité strict.

Questions fréquentes

Quel format exporter ?

Utilisez SVG pour la documentation et PNG lorsque la destination n'accepte pas SVG.

Pourquoi une syntaxe apparemment valide échoue-t-elle ?

Vérifiez le mot-clé initial, l'indentation, les mots réservés, les guillemets et la version de Mermaid.

Mon diagramme est-il enregistré ?

La source actuelle est stockée sur cet appareil et disparaît si vous effacez le stockage du navigateur.