Mindmaps
Mindmaps help you organize ideas hierarchically around a central concept. They are perfect for brainstorming, planning, and visualizing the structure of complex topics.
Basic Example
Section titled “Basic Example”mindmap root((Project Planning)) Research User Interviews Market Analysis Competitor Review Design Wireframes Prototypes User Testing Development Frontend Backend TestingWhat You Get
Section titled “What You Get”Mermaid Studio provides good support for mindmaps:
- Inspections to validate your mindmap structure
- Navigation bar for quick access to nodes
- Live preview to see your mindmap as you type
- Markdown integration for use in documentation
Quick Syntax Reference
Section titled “Quick Syntax Reference”Root Node Shapes
Section titled “Root Node Shapes”mindmap root((Circle Root))The root node uses double parentheses for a circular shape. Regular text creates a default rectangular shape.
Node Shapes
Section titled “Node Shapes”| Syntax | Shape |
|---|---|
id[text] | Square |
id(text) | Rounded |
id((text)) | Circle |
id))text(( | Bang |
id)text( | Cloud |
id{{text}} | Hexagon |
Hierarchy
Section titled “Hierarchy”Indentation defines the parent-child relationships. Child nodes are indented under their parent:
mindmap root Level 1 Child A Level 2 Child Level 1 Child BFor full syntax details, see the Mermaid mindmap documentation.