🧠 Mermaid

Carte mentale

Organisez vos idées autour d’un sujet central

Ouvrir cet exemple dans l’éditeur En générer un avec l’IA

Qu’est-ce qu’un Carte mentale ?

Une carte mentale fait rayonner des branches d’idées depuis un concept central. C’est le moyen le plus rapide de structurer un brainstorm, décomposer un sujet, planifier du contenu ou cartographier des compétences — et avec Mermaid, c’est du pur texte.

La carte mentale est un outil de réflexion plus qu’un outil de documentation : ateliers, plans de contenu, cadrage d’une fonctionnalité avant tout engagement. En Mermaid, l’indentation fait aussi office de plan de document : la carte et le futur sommaire ne forment qu’un seul artefact. La contrainte à accepter, c’est l’arbre — une racine, un parent par nœud, aucun libellé sur les branches. Tout ce qui doit converger relève du flowchart.

Exemple en direct

Code Mermaid

mindmap
  root((Product v2))
    Features
      AI generation
      Live preview
      Export
    Quality
      E2E tests
      Monitoring
    Growth
      SEO pages
      Public sharing

Exemple en direct

Quand l’utiliser

Structurer brainstorms et restitutions d’ateliers

Décomposer un produit, un projet ou un sujet d’apprentissage

Planifier contenus, documentation ou compétences d’équipe

Erreurs fréquentes

Deux racines au premier niveau

Une carte mentale a exactement une racine. Un second nœud à la même indentation échoue sur « There can be only one root ». Si vous avez réellement deux centres, cela fait deux cartes mentales — ou un flowchart.

Des parenthèses dans un texte de nœud

Growth (EU) s’affiche « EU », parce que les parenthèses sont lues comme un délimiteur de forme arrondie et que le texte qui les précède est jeté. Donnez un identifiant au nœud et mettez le libellé entre guillemets : g1["Growth (EU)"].

Des tabulations mélangées aux espaces

La hiérarchie ne vient que de l’indentation, et une tabulation n’équivaut pas à des espaces. Les mélanger déclenche la même erreur « There can be only one root », qui désigne la racine et non la ligne que vous avez cassée.

Syntaxe de base

.mmd

mindmap
  root((Main idea))
    Branch A
      Leaf 1
    Branch B

mindmap root((Product v2))
Il y a exactement une racine, et les doubles parenthèses la dessinent en cercle. Tout ce qui suit est positionné par la seule indentation, sans aucune flèche à déclarer.
Features[Squared] Live preview(Rounded)
Les délimiteurs autour du texte choisissent la forme du nœud : [] carré, () arrondi, (()) cercle, ))(( explosion, {{}} hexagone. À utiliser avec parcimonie, pour marquer une catégorie plutôt que pour décorer.
Growth ::icon(fa fa-rocket)
Une ligne ::icon() sous un nœud ajoute une icône issue d’une police d’icônes chargée par la page hôte, en général Font Awesome. Sans cette police, rien n’est dessiné.
Retention:::urgent
Un triple deux-points attache une classe CSS à un nœud : c’est ainsi qu’on met en évidence une branche — risques, blocages, décisions — sans toucher au reste de la carte.

Questions sur ce diagramme

Comment fonctionne l’indentation dans les cartes mentales Mermaid ?

La hiérarchie est définie uniquement par l’indentation : chaque niveau plus profond devient une branche enfant. Des formes comme root((texte)) personnalisent l’apparence des nœuds.

Carte mentale ou flowchart pour brainstormer ?

La carte mentale pour diverger (collecter et regrouper les idées), le flowchart pour converger (transformer les idées en processus ordonné).

Comment partager une carte mentale avec des personnes qui n’utilisent pas Mermaid ?

Exportez en PNG ou en SVG, ou publiez le diagramme en page publique et partagez le lien. GitHub rend aussi les cartes mentales en Markdown, mais un outil auto-hébergé qui tourne sur un Mermaid ancien peut ne pas encore connaître la syntaxe.

Puis-je choisir de quel côté apparaît une branche ?

Non. Le placement est calculé à partir de l’arbre : il n’existe ni réglage gauche/droite ni angle. Réordonner les branches dans la source change le résultat, mais pas de façon prévisible — acceptez la mise en page, ou passez au flowchart.

Comment ajouter des icônes aux nœuds d’une carte mentale ?

Ajoutez une ligne ::icon(fa fa-book) indentée sous le nœud. La police d’icônes doit être chargée par la page qui rend le diagramme ; si elle manque, le nœud s’affiche simplement sans icône et rien ne casse.

Puis-je transformer une carte mentale en plan de document ?

Directement : l’indentation est déjà le plan. Chaque niveau de la carte devient un niveau de titre ou une liste imbriquée, et c’est pourquoi les cartes mentales conviennent si bien à la préparation d’une documentation avant sa rédaction.

Carte mentale ou un autre type de diagramme ?

Carte mentale ou frise chronologique ?

Regardez votre premier niveau. Si les branches principales sont T1, T2, T3 — ou 2024, 2025 — vous dessinez une frise chronologique avec de l’indentation en plus, et l’arbre n’apporte rien. Gardez la carte mentale quand le premier niveau porte des thèmes et que c’est l’imbrication qui fait sens.

Carte mentale ou diagramme de classes ?

Une carte mentale n’exprime qu’une relation : ceci se range sous cela. Elle ne peut pas dire qu’un module dépend d’un autre, en contient trois ou implémente une interface. Dès que les boîtes réclament des champs, des cardinalités ou un sens de dépendance, prenez un diagramme de classes.

Explorer les autres types de diagrammes

🔀 Flowchart (logigramme)💬 Diagramme de séquence 🧩 Diagramme de classes 🗄️ Diagramme entité-association 🔄 Diagramme d’états 📅 Diagramme de Gantt 🥧 Diagramme circulaire 🌿 Graphe Git 🕰️ Frise chronologique 🚶 Parcours utilisateur 🎯 Matrice à quadrants

Créez votre Carte mentale maintenant

Décrivez-le en langage naturel — l’IA écrit le code Mermaid pour vous.

Ouvrir Mermaid Studio