Diagramme arborescent
Transformez n’importe quelle hiérarchie en arborescence nette. Écrivez des lignes parent-enfant en Mermaid — ou un simple plan indenté — et obtenez arbres généalogiques, arbres de décision, organigrammes et plans de site, calculés sur votre appareil.
Une étape par ligne. Indentez de deux espaces pour ramifier sous la ligne précédente.
Le plan indenté est le chemin le plus court
Une arborescence est une hiérarchie pure, et l’indentation encode exactement une hiérarchie. Activez le mode plan, tapez un élément par ligne et décalez les enfants de deux espaces sous leur parent : la conversion est immédiate, déterministe, sans syntaxe à apprendre, et tourne sur votre appareil.
Dès que vous voulez des losanges, des étiquettes de branche ou un autre sens de lecture, revenez au Mermaid : le code produit reste affiché, prêt à être modifié.
Une seule structure, beaucoup d’usages
Ce qui fait un arbre : une racine, un seul parent par nœud, aucun cycle. Cette contrainte couvre l’arbre de descendance, l’organigramme, l’arbre de décision, le plan de site, l’arborescence de dossiers et la taxonomie de catégories — les trois exemples ci-dessus sont la même structure sous des étiquettes différentes.
Pour un arbre de décision, réservez les losanges aux questions et étiquetez chaque branche par la réponse. Pour un arbre généalogique ou un organigramme, de simples rectangles se lisent mieux — et regrouper un couple en un seul nœud garde le tableau de descendance lisible. Mermaid ne connaît pas les traits d’alliance de la généalogie : le résultat est un arbre de descendance clair, pas un acte d’état civil.
De haut en bas ou de gauche à droite
graph TD descend et convient aux arbres larges et peu profonds, typiquement un organigramme ; graph LR va vers la droite et garde à l’écran les arbres profonds et étroits — longues chaînes de décision, chemins de dossiers — sans tout rétrécir. Changer de sens, c’est un mot à modifier, et la mise en page se recalcule.
Quand la forme est bonne, exportez un SVG vectoriel ou un PNG pour une présentation, ou copiez le code Mermaid dans un README ou un wiki, où il s’affiche nativement.
Types de diagrammes
Questions fréquemment posées
Comment faire un diagramme arborescent à partir de texte ?
Soit vous écrivez des lignes parent-enfant en Mermaid, du type « A --> B » sous « graph TD », soit vous activez le mode plan et tapez une liste indentée : chaque ligne devient un nœud et chaque niveau d’indentation une branche. L’arbre s’affiche en direct et s’exporte en SVG ou en PNG.
Puis-je faire un arbre généalogique ?
Oui : faites de chaque génération un niveau et traitez un couple comme un nœud unique, par exemple « Robert & Suzanne », avec les enfants en dessous. Mermaid n’a pas de trait d’alliance ni de symbole généalogique dédié : vous obtenez un arbre de descendance lisible, adapté à un exposé ou à un document familial, pas un logiciel de généalogie.
Comment construire un arbre de décision ?
Utilisez un losange pour chaque question, par exemple Q{"Besoin d’une fonctionnalité sur mesure ?"}, et étiquetez chaque branche sortante avec la réponse via -->|Oui| ou -->|Non|. Les feuilles sont les décisions. Pour un arbre pondéré, mettez la probabilité dans l’étiquette de branche à la place.
TD ou LR ?
TD (de haut en bas) pour les hiérarchies larges et peu profondes comme un organigramme ; LR (de gauche à droite) pour les chaînes profondes comme une suite de décisions ou une arborescence de dossiers. C’est un seul mot à changer sur la première ligne.
Est-ce gratuit, et mes données sont-elles envoyées quelque part ?
C’est entièrement gratuit — sans inscription ni filigrane — et l’arbre est calculé dans votre navigateur : noms de famille, organigrammes et projets ne quittent pas votre appareil.