Mindmap
Een mindmap is een diagram dat wordt gebruikt om informatie grafisch te organiseren en de relaties tussen de verschillende delen van het geheel weer te geven. Het wordt meestal rond een onderwerp gemaakt; het onderwerp wordt in het midden van een lege pagina getekend en vervolgens worden de bijbehorende ideeën eromheen toegevoegd. De hoofdideeën zijn direct met het onderwerp verbonden, en andere ideeën vertakken zich vanuit deze hoofdideeën.
Voorbeeld van een mindmap:
Kopiëren
Insluiten
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
Syntaxis
De syntaxis voor het maken van een mindmap is eenvoudig en is afhankelijk van inspringing om het niveau in de hiërarchie in te stellen.
In het onderstaande voorbeeld zie je 3 verschillende niveaus. Het eerste niveau begint aan de linkerkant van de tekst; het tweede niveau heeft twee regels die in dezelfde kolom beginnen en knooppunt A definiëren. De tekst van het derde niveau is verder ingesprongen dan de vorige regels en definieert knooppunten B en C.
Kopiëren
Insluiten
mindmap
Root
A
B
C
Kortom, dit is een eenvoudige tekstoutline waarin het hoofdknooppunt Root heet en een subknooppunt A heeft. A heeft op zijn beurt twee subknooppunten B en C. In het onderstaande diagram kunnen we zien dat het wordt gerenderd in de stijl van een mindmap.
Kopiëren
Insluiten
mindmap
Root
A
B
C
Op deze manier kunnen we een tekstoutline gebruiken om een hiërarchische mindmap te genereren.
Verschillende vormen
Mermaid-mindmaps kunnen verschillende vormen gebruiken om knooppunten weer te geven. Bij het specificeren van de knooppuntvorm is de syntaxis vergelijkbaar met die van stroomdiagramknooppunten: eerst een ID, dan de vormdefinitie, en de tekst wordt in het weergavevak van de vorm geplaatst
Mindmaps kunnen de volgende vormen weergeven:
Rechthoek
Kopiëren
Insluiten
mindmap
id[I am a square]
Afgeronde rechthoek
Kopiëren
Insluiten
mindmap
id(I am a rounded square)
Cirkel
Kopiëren
Insluiten
mindmap
id((I am a circle))
Explosiebel
Kopiëren
Insluiten
mindmap
id))I am a bang((
Wolk
Kopiëren
Insluiten
mindmap
id)I am a cloud(
Zeshoek
Kopiëren
Insluiten
mindmap
id{{I am a hexagon}}
Standaard
Kopiëren
Insluiten
mindmap
I am the default shape
Pictogrammen en klassen
Pictogram
Net als bij stroomdiagrammen kun je pictogrammen aan knooppunten toevoegen, maar met een vernieuwde syntaxis. Lettertypegebaseerde pictogramstijlen worden tijdens de integratie toegevoegd, zodat ze op webpagina's beschikbaar zijn. Je kunt ze met de syntaxis ::icon() aan mindmapknooppunten toevoegen.
Kopiëren
Insluiten
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Klasse
Ook hier is de syntaxis voor het toevoegen van klassen vergelijkbaar met die van stroomdiagrammen. Je kunt drie dubbele punten ::: gebruiken om klassen toe te voegen, waarbij klassenamen door spaties worden gescheiden. In het onderstaande voorbeeld zijn aan één knooppunt twee aangepaste klassen gekoppeld: urgent maakt de achtergrond rood en de tekst wit; large vergroot de lettergrootte:
Kopiëren
Insluiten
mindmap
Root
A[A]
:::urgent large
B(B)
C
Markdown-tekenreeks
De functie voor Markdown-tekenreeksen verrijkt mindmaps door een flexibeler tekenreekstype te bieden, met ondersteuning voor tekstopmaakopties zoals vet en cursief, en de mogelijkheid om binnen een label automatisch af te breken.
Kopiëren
Insluiten
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]
Opmaak:
- Om tekst vet te maken, gebruik je dubbele sterretjes ** voor en na de tekst.
- Om tekst cursief te maken, gebruik je een enkel sterretje * voor en na de tekst.
