Diagrammes Mermaid et Graphviz
Collez du code, prévisualisez le diagramme et exportez une image.
Code
Aperçu
Chargement du moteur de diagrammes…Votre diagramme apparaîtra ici.
Le code reste dans votre navigateur. Il n’est envoyé ni à Dentry ni à un service de rendu.
Du code au diagramme
1. Ajoutez votre code
Collez du Mermaid ou du Graphviz DOT, importez un fichier ou partez d’un exemple. Un seul bloc de diagramme Markdown délimité est également accepté.
2. Vérifiez l’aperçu
L’aperçu se met à jour après la saisie. Les erreurs de syntaxe s’affichent sous le code ; le dernier diagramme valide reste visible pendant la correction.
3. Exportez le diagramme
Choisissez SVG pour une image vectorielle ou PNG pour un document ou une présentation. Enregistrez le code source pour le modifier plus tard.
Deux langages de diagrammes
Mermaid prend en charge les organigrammes, séquences, états, classes, relations entre entités, diagrammes de Gantt, et plus encore. Mermaid Référence de syntaxe ↗
Graphviz DOT convient aux graphes orientés, aux dépendances et aux organigrammes techniques. Graphviz Référence de syntaxe ↗
Fichiers et confidentialité
Importez un fichier .mmd, .mermaid, .dot, .gv, .txt ou Markdown contenant un seul diagramme. Le brouillon local est partagé entre les langues dans ce navigateur. Réinitialiser efface le brouillon enregistré.
Les liens interactifs, les images externes et la configuration Mermaid personnalisée sont désactivés. Les grands diagrammes peuvent nécessiter une simplification avant l’export.