Mindmap

Mermaid Mindmap Syntax

A mindmap is a diagram that organizes information radially around a central topic, with related ideas branching outward as child nodes. The hierarchy comes purely from how ideas are nested under one another, making it a fast way to turn an outline into a picture.

Indentation is the entire structure — nest a line and it becomes a child node. Write the outline in plain text, or paste one you already have, and watch the mind map render as you type.

Last updated: · Mermaid v11

Try it live

Live · editablediagram.mmd
Example mindmap rendered by FlowViz
Edit the code — the diagram follows

When to use mindmap

Brainstorming

Capture and structure ideas during planning sessions as fast as you can type — indentation is the only syntax. The outline becomes a picture, and the picture stays editable text.

System architecture

Sketch the components and sub-systems of an architecture radially from a central root. Mindmaps trade precision for speed, which makes them ideal for the first conversation about a system.

Knowledge base

Document topic hierarchies, technology stacks, and learning paths in README files. Each indent level is a branch, so restructuring knowledge is just re-indenting lines.

Key syntax

mindmapDeclare diagram type
root((text))Root node as circle
root[text]Root node as rectangle
root(text)Root node as rounded rect
ChildIndent to define hierarchy
GrandchildFurther indent for deeper levels
Full Mindmap syntax reference → More Mermaid examples →

How to create a mindmap with Mermaid

1

Open FlowViz and type mindmap.

2

Define the root node on the next line: root((My Topic)) for a circle shape.

3

Add first-level children by indenting with 2 spaces: child topic.

4

Add deeper levels by indenting further — each indent level is a child of the line above.

5

Use ((text)) for circles, [text] for rectangles, (text) for rounded rectangles on any node.

6

Export your mindmap as SVG.

Frequently asked questions

Can I turn a markdown outline into a mindmap?

Almost directly. Mermaid mindmaps take their entire structure from indentation, exactly as a nested markdown list does, so an outline usually only needs its `-` bullets stripped to become valid. Paste the result under a `mindmap` line, keep the indentation as it was, and the hierarchy renders unchanged — which makes it a quick way to see the shape of notes you have already written.

What is a Mermaid mindmap used for?

Brainstorms, topic hierarchies, and outlines — the structure comes entirely from indentation, so you can write one as fast as you think.

How is the hierarchy defined?

By indentation: each line indented deeper becomes a child of the line above it.

Can I change node shapes in a mindmap?

Yes — root((circle)), [square], and (rounded) render different shapes per node.

Related tools

PRD Generator →

Start diagramming now

No signup. No install. Just open the editor and start writing.