Mindmap
Eine Mindmap ist ein Diagramm, das verwendet wird, um Informationen grafisch zu organisieren und die Beziehungen zwischen den Teilen eines Ganzen darzustellen. Sie wird üblicherweise um ein Thema herum erstellt: Das Thema wird in die Mitte einer leeren Seite gezeichnet, dann werden die damit verbundenen Ideendarstellungen rundherum hinzugefügt. Hauptideen sind direkt mit dem Thema verbunden, und andere Ideen zweigen von diesen Hauptideen ab.
Beispiel für eine Mindmap:
Kopieren
Einbetten
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
Syntax
Die Syntax zum Erstellen einer Mindmap ist einfach und beruht auf Einrückung, um die Ebenen in der Hierarchie festzulegen.
Im folgenden Beispiel siehst du 3 verschiedene Ebenen. Die erste Ebene beginnt am linken Rand des Textes; die zweite Ebene hat zwei Zeilen, die in derselben Spalte beginnen und Knoten A definieren. Der Text der dritten Ebene ist stärker eingerückt als die vorherigen Zeilen und definiert die Knoten B und C.
Kopieren
Einbetten
mindmap
Root
A
B
C
Zusammenfassend ist dies eine einfache Textgliederung, bei der der Wurzelknoten Root heißt und einen untergeordneten Knoten A hat. A hat wiederum zwei Unterknoten B und C. Im folgenden Diagramm sehen wir, wie es im Mindmap-Stil gerendert wird.
Kopieren
Einbetten
mindmap
Root
A
B
C
Auf diese Weise können wir mithilfe einer Textgliederung eine hierarchische Mindmap generieren.
Verschiedene Formen
Eine Mermaid-Mindmap kann verschiedene Formen verwenden, um Knoten darzustellen. Bei der Angabe der Knotenform ähnelt die Syntax der von Flussdiagramm-Knoten: Zuerst eine ID, dann die Formdefinition, und der Text wird in das Anzeigefeld der Form gesetzt
Eine Mindmap kann die folgenden Formen anzeigen:
Rechteck
Kopieren
Einbetten
mindmap
id[I am a square]
Abgerundetes Rechteck
Kopieren
Einbetten
mindmap
id(I am a rounded square)
Kreis
Kopieren
Einbetten
mindmap
id((I am a circle))
Explosionsblase
Kopieren
Einbetten
mindmap
id))I am a bang((
Wolke
Kopieren
Einbetten
mindmap
id)I am a cloud(
Sechseck
Kopieren
Einbetten
mindmap
id{{I am a hexagon}}
Standard
Kopieren
Einbetten
mindmap
I am the default shape
Icon und Klasse
Icon
Wie im Flussdiagramm kannst du Knoten Icons hinzufügen, jedoch mit einer aktualisierten Syntax. Schriftbasierte Icon-Stile werden während der Integration hinzugefügt, sodass sie in Webseiten verfügbar sind. Du kannst sie mit der Syntax ::icon() zu Mindmap-Knoten hinzufügen.
Kopieren
Einbetten
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Klasse
Ebenso ähnelt die Syntax zum Hinzufügen von Klassen der des Flussdiagramms. Du kannst drei Doppelpunkte ::: verwenden, um Klassen hinzuzufügen, wobei die Klassennamen durch Leerzeichen getrennt werden. Im folgenden Beispiel ist an einen der Knoten zwei benutzerdefinierte Klassen angehängt: urgent macht den Hintergrund rot und den Text weiß; large vergrößert die Schriftgröße:
Kopieren
Einbetten
mindmap
Root
A[A]
:::urgent large
B(B)
C
Markdown-Zeichenkette
Die Markdown-Zeichenketten-Funktion verbessert Mindmaps durch einen flexibleren Zeichenkettentyp, unterstützt Textformatierungsoptionen wie Fett und Kursiv und ermöglicht den automatischen Umbruch innerhalb von Labels.
Kopieren
Einbetten
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]
Formatierung:
- Um Text fett zu machen, verwende doppelte Sternchen ** vor und nach dem Text.
- Um Text kursiv zu machen, verwende ein einzelnes Sternchen * vor und nach dem Text.
