Carte mentale
Une carte mentale est un type de diagramme servant à organiser graphiquement des informations et à montrer les relations entre les différentes parties d'un ensemble. Elle est généralement créée autour d'un sujet, le sujet étant dessiné au centre d'une page blanche, puis les représentations des idées qui y sont liées sont ajoutées autour. Les idées principales sont directement reliées au sujet, et les autres idées partent de ces idées principales.
Exemple de carte mentale :
Copier
Intégrer
mindmap
root((mindmap))
Origins
Long history
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
Pen and paper
Mermaid
Syntaxe
La syntaxe de création d'une carte mentale est simple et repose sur l'indentation pour définir les niveaux de la structure hiérarchique.
Dans l'exemple ci-dessous, vous pouvez voir 3 niveaux différents. Le premier niveau commence à gauche du texte ; le deuxième niveau comporte deux lignes commençant à la même colonne, définissant le nœud A. Le texte du troisième niveau est plus indenté que les lignes précédentes, définissant les nœuds B et C.
Copier
Intégrer
mindmap
Root
A
B
C
En résumé, il s'agit d'un simple plan textuel, dont le nœud racine s'appelle Root et possède un nœud enfant A. A possède à son tour deux enfants, B et C. Dans la figure ci-dessous, nous pouvons voir le rendu sous forme de carte mentale.
Copier
Intégrer
mindmap
Root
A
B
C
De cette manière, nous pouvons utiliser un plan textuel pour générer une carte mentale hiérarchique.
Formes différentes
Une carte mentale Mermaid peut utiliser différentes formes pour afficher les nœuds. Lors de la spécification de la forme d'un nœud, la syntaxe est similaire à celle des nœuds de diagramme de flux : d'abord un ID, puis la définition de la forme, le texte étant placé dans le cadre d'affichage de la forme
Une carte mentale peut afficher les formes suivantes :
Rectangle
Copier
Intégrer
mindmap
id[I am a square]
Rectangle aux coins arrondis
Copier
Intégrer
mindmap
id(I am a rounded square)
Cercle
Copier
Intégrer
mindmap
id((I am a circle))
Bulle d'explosion
Copier
Intégrer
mindmap
id))I am a bang((
Nuage
Copier
Intégrer
mindmap
id)I am a cloud(
Hexagone
Copier
Intégrer
mindmap
id{{I am a hexagon}}
Par défaut
Copier
Intégrer
mindmap
I am the default shape
Icônes et classes
Icône
Comme pour les diagrammes de flux, vous pouvez ajouter des icônes aux nœuds, mais avec une syntaxe plus récente. Les styles d'icônes basés sur des polices sont ajoutés lors de l'intégration, de sorte qu'ils sont disponibles dans la page web. Vous pouvez les ajouter aux nœuds de la carte mentale à l'aide de la syntaxe ::icon() .
Copier
Intégrer
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Classe
De même, la syntaxe d'ajout de classes est similaire à celle des diagrammes de flux. Vous pouvez ajouter des classes à l'aide de trois deux-points ::: , les noms de classes étant séparés par des espaces. Dans l'exemple ci-dessous, l'un des nœuds porte deux classes personnalisées : urgent change le fond en rouge et le texte en blanc ; large augmente la taille de police :
Copier
Intégrer
mindmap
Root
A[A]
:::urgent large
B(B)
C
Chaînes de caractères Markdown
La fonctionnalité des chaînes de caractères Markdown améliore les cartes mentales en offrant un type de chaîne plus flexible, prenant en charge des options de mise en forme du texte telles que le gras et l'italique, ainsi que le retour à la ligne automatique dans les étiquettes.
Copier
Intégrer
mindmap
id1["`**Root** with
a second line
Unicode works too: 🤓`"]
id2["`The dog in **the** hog... a *very long text* that wraps to a new line`"]
id3[Regular labels still works]
Mise en forme :
- Pour mettre le texte en gras, utilisez un double astérisque ** avant et après le texte.
- Pour mettre le texte en italique, utilisez un astérisque simple * avant et après le texte.
