Mermaid Mindmap Cheat Sheet

A text outline that becomes a tree, with no arrows to write.

Every picture on this page was drawn by

Mernyx, the native Mermaid editor for macOS. Not by a browser running Mermaid.js — the same renderer the app uses for its canvas.

Indentation is the hierarchy

Only the depth relative to the line above matters. Four spaces or a tab both work.

mindmap
  Root
    Branch A
      Leaf A1
      Leaf A2
    Branch B
      Leaf B1

Same bracket idea as flowcharts: square, rounded, circle and banner.

mindmap
  Root
    id1[Square]
    id2(Rounded)
    id3((Circle))
    id4)Banner(

Backticks around the label allow bold, italic and code, and the text wraps on its own.

mindmap
  id1["`**Bold** root`"]
    id2["`The dog in **the** hog`"]
    id3[Plain label]

The indents below are deliberately uneven. B is a child of A, and C is a sibling of B.

mindmap
Root
    A
        B
      C