Mindmap
Orden ideeën rond een centraal thema
Wat is een Mindmap?
Een mindmap laat takken van ideeën uitwaaieren vanuit een centraal concept. Het is de snelste manier om brainstorms te structureren, onderwerpen op te delen, content te plannen of vaardigheden in kaart te brengen — en met Mermaid is het pure tekst.
Mindmaps zijn eerder een denkgereedschap dan een documentatiemiddel: workshops, contentschema’s, het afbakenen van een feature voordat iemand zich vastlegt. In Mermaid is de inspringing tegelijk een documentstructuur, zodat de map en de uiteindelijke inhoudsopgave één artefact blijven. De beperking die je accepteert is dat het een boom is — één root, één ouder per knoop, geen labels op takken. Alles wat moet samenkomen hoort in een flowchart.
Live voorbeeld
mindmap
root((Product v2))
Features
AI generation
Live preview
Export
Quality
E2E tests
Monitoring
Growth
SEO pages
Public sharingWanneer gebruik je het
Veelgemaakte fouten
Twee roots op het hoogste niveau
Een mindmap heeft precies één root. Een tweede knoop op dezelfde inspringing faalt met “There can be only one root”. Heb je werkelijk twee centra, dan zijn dat twee mindmaps — of een flowchart.
Haakjes in gewone knooptekst
Growth (EU) rendert als “EU”, omdat de haakjes als begrenzing van een afgeronde vorm worden gelezen en de tekst ervoor verdwijnt. Geef de knoop een id en zet het label tussen aanhalingstekens: g1["Growth (EU)"].
Tabs gemengd met spaties
De hiërarchie komt alleen uit de inspringing, en een tab staat niet gelijk aan spaties. Ze mengen levert dezelfde fout “There can be only one root” op, die naar de root wijst en niet naar de regel die je brak.
Basissyntaxis
mindmap
root((Main idea))
Branch A
Leaf 1
Branch Bmindmap root((Product v2))Er is precies één root, en dubbele haakjes tekenen hem als een cirkel. Alles eronder wordt uitsluitend door inspringing geplaatst; pijlen hoef je niet te declareren.
Features[Squared] Live preview(Rounded)De haakjes om de tekst kiezen de vorm: [] vierkant, () afgerond, (()) cirkel, ))(( bang, {{}} zeshoek. Gebruik ze spaarzaam, om een categorie te markeren en niet ter versiering.
Growth ::icon(fa fa-rocket)Een ::icon()-regel onder een knoop voegt een icoon toe uit een iconenfont dat de hostpagina heeft geladen, meestal Font Awesome. Zonder dat font wordt er niets getekend.
Retention:::urgentEen drievoudige dubbele punt hangt een CSS-klasse aan een knoop; zo licht je één tak uit — risico’s, blokkades, beslissingen — zonder de rest van de map aan te raken.
Vragen over dit diagram
Hoe werkt inspringing in Mermaid-mindmaps?
De hiërarchie wordt puur bepaald door inspringing: elk dieper niveau wordt een kindtak. Vormen zoals root((tekst)) passen het uiterlijk van knopen aan.
Mindmap of flowchart om te brainstormen?
Mindmaps om te divergeren (ideeën verzamelen en groeperen), flowcharts om te convergeren (ideeën omzetten in een geordend proces).
Kan ik een mindmap delen met mensen die geen Mermaid gebruiken?
Exporteer PNG of SVG, of publiceer het diagram als openbare pagina en deel de link. GitHub rendert mindmaps ook in Markdown, al kennen zelfgehoste tools met een oudere Mermaid de syntaxis soms nog niet.
Kan ik bepalen aan welke kant een tak verschijnt?
Nee. De plaatsing wordt uit de boom berekend en er is geen instelling voor links, rechts of hoek. Takken in de broncode herordenen verandert het resultaat, maar niet voorspelbaar — accepteer de lay-out, of stap over op een flowchart.
Hoe voeg ik iconen toe aan knopen in een mindmap?
Zet een regel ::icon(fa fa-book) ingesprongen onder de knoop. Het iconenfont moet geladen zijn door de pagina die het diagram rendert; ontbreekt het, dan verschijnt de knoop simpelweg zonder icoon en gaat er niets stuk.
Kan ik van een mindmap een documentstructuur maken?
Rechtstreeks — de inspringing ís al de structuur. Elk niveau van de map wordt een kopniveau of een geneste lijst, en daarom werken mindmaps zo goed om documentatie te plannen voordat er iets geschreven is.
Mindmap of een ander diagramtype?
Mindmap of tijdlijn?
Kijk naar je eerste niveau. Zijn de bovenste takken Q1, Q2, Q3 — of 2024, 2025 — dan teken je een tijdlijn met extra inspringing en voegt de boom niets toe. Houd de mindmap als het bovenste niveau uit thema’s bestaat en de nesting de betekenis draagt.
Mindmap of klassediagram?
Een mindmap drukt één relatie uit: dit hoort onder dat. Hij kan niet zeggen dat een module van een andere afhangt, er drie bezit of een interface implementeert. Zodra de blokken velden, kardinaliteiten of een richting van afhankelijkheid nodig hebben, neem je een klassediagram.
Maak nu je Mindmap
Beschrijf het in gewone taal — de AI schrijft de Mermaid-code voor je.
Mermaid Studio openen