Aller au contenu
Tout en local

Générateur de diagrammes Mermaid

Convertissez une liste indentée en définition de flowchart, graphique de hiérarchie ou carte mentale Mermaid.

Entrée
Sortie

Générateur de diagrammes Mermaid

Collez une liste indentée ou à puces et cet outil la convertit directement en syntaxe de diagrammes Mermaid, prête à copier dans un README, une page wiki, Notion ou n'importe quel éditeur compatible Mermaid. Chaque niveau d'indentation devient une relation parent-enfant, donc un schéma d'un processus, un organigramme ou une structure de dossiers se transforme en définition de diagramme sans avoir besoin d'écrire manuellement la syntaxe des nœuds et des connexions.

Choisissez d'abord le type de diagramme : flowchart et graphique de hiérarchie utilisent tous deux la syntaxe nœud-et-flèche de Mermaid (la seule différence est le mot-clé qui ouvre la définition), tandis que mindmap produit la disposition imbriquée et sans flèches que Mermaid utilise pour les cartes mentales radiales. La direction (haut vers bas, gauche vers droite, bas vers haut, droite vers gauche) et le style du connecteur (flèche, pointillé, épais) s'appliquent aux flowcharts et aux graphiques de hiérarchie. La forme du nœud contrôle si chaque élément s'affiche sous forme de rectangle, de boîte arrondie, de losange ou de cylindre.

L'indentation peut utiliser des tabulations, des espaces ou une puce initiale (-, *, •, +) — l'outil mesure la largeur d'indentation relative plutôt que de supposer une taille de tabulation fixe, donc les listes mixtes s'imbriquent correctement. Les guillemets, crochets, parenthèses et autres caractères qui rompraient autrement la syntaxe Mermaid sont automatiquement échappés dans les étiquettes, donc le texte collé ne produit jamais une sortie invalide. Les terminaisons de ligne Windows (CRLF) et Unix (LF) sont traitées de la même manière, et le compteur en direct sous la sortie rapporte les lignes entrantes, les nœuds et les connexions produits, et le total des caractères.

Tout s'exécute localement dans votre navigateur — votre schéma n'est jamais téléchargé nulle part. Copiez la syntaxe générée, téléchargez-la en tant que fichier .txt ou renvoyez la sortie à l'entrée pour continuer à affiner la structure avant de la coller dans votre outil de diagrammes de choix.

FAQ

Quelle est la différence entre « flowchart » et « graphique de hiérarchie » ?
Ils utilisent tous deux la même syntaxe nœud-et-flèche ; le graphique de hiérarchie ouvre simplement la définition avec le mot-clé plus ancien de Mermaid « graph » au lieu de « flowchart ». Les deux s'affichent de manière identique dans n'importe quel visionneur compatible Mermaid.
L'option mindmap supporte-t-elle la direction ou le style du connecteur ?
Non. Les mindmaps Mermaid sont disposés automatiquement et n'ont pas de flèches, donc ces deux options n'affectent que la sortie des flowcharts et des graphiques de hiérarchie.
Que se passe-t-il avec les éléments de liste imbriqués plus profondément que la profondeur maximale ?
Ils sont complètement exclus du diagramme, ainsi que tout ce qui est imbriqué sous eux, pour que le résultat reste lisible pour les schémas très profonds.
Comment les caractères spéciaux comme les guillemets et les crochets sont-ils gérés ?
Toute étiquette contenant des caractères qui rompraient la syntaxe Mermaid est automatiquement enveloppée entre guillemets et échappée, de sorte que la sortie est toujours valide.
Ma liste est-elle chargée quelque part ?
Non. La conversion de liste en diagramme s'exécute entièrement dans votre navigateur — votre schéma ne quitte jamais votre appareil.