Mindmaps
What are Mind Maps?
Mermaid's mind maps help you visually organize ideas into hierarchical structures. For data teams, they're excellent for brainstorming project requirements, planning data models, documenting processes, and organizing complex concepts. Each mind map starts with a central idea, with related concepts branching out in a hierarchical structure.
Creating Your First Mind Map
From the Code IDE, Click Apps and Agents from the lefthand panel
Select Mermaid. Paradime will automatically start a new mermaid project
In the terminal that appears, use the arrow keys to select "Mind Maps"
A new
mindmap.mmd
file will be created in your editor with this starter template:
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
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
Click the eye icon (👁️) in the top right corner of your Mermaid file to preview the diagram
Edit and update your
.mmd
file as needed - the preview will update automatically
Diagram Syntax Guide
Basic Structure
Mind maps use indentation to create hierarchy:
mindmap
Root Topic
Subtopic 1
Detail A
Detail B
Subtopic 2
Detail C
Node Shapes
You can use different shapes for nodes:
Square:
id[text]
Rounded Square:
id(text)
Circle:
id((text))
Cloud:
id)text(
Bang:
id))text((
Hexagon:
id{{text}}
Default: Just text
Text Formatting
Use Markdown syntax for text formatting:
mindmap
root["`**Bold Text**
With *italic* words
🔍 Emojis work too!`"]
Data Team Examples
Project Planning
mindmap
Data Warehouse((Data Warehouse Project))
Requirements
Business Needs
Technical Specs
Timeline
Architecture
Source Systems
ETL Pipeline
Storage Layer
Implementation
Phase 1
Phase 2
Phase 3
Data Model Documentation
mindmap
Sales Model((Sales Analytics))
Fact Tables
Transactions
Orders
Returns
Dimensions
Customer
Product
Time
Metrics
Revenue
Profit
Units Sold
Best Practices
Start with a clear central concept
Use consistent indentation
Group related ideas together
Limit hierarchy depth for clarity
Use shapes to differentiate concept types
Keep node text concise
Advanced Features
Icons
Add icons to nodes (when configured):
mindmap
Root
Node A
::icon(fa fa-database)
Node B
::icon(fa fa-chart-bar)
CSS Classes
Apply custom styling:
mindmap
Root
Important Topic
:::urgent
Regular Topic
Additional Resources
For more syntax options and advanced features, visit the official Mermaid documentation
Mind Maps are an experimental feature in Mermaid. While the basic syntax is stable, some features like icon integration may change in future releases.
Last updated
Was this helpful?