mermaid mind map online
Mermaid mindmap syntax uses indentation alone to define the branch hierarchy, with no need to declare explicit arrows or connections. This preset already loads a sample mind map for a product launch.
A new line with the same indentation as the other top-level branches (2 spaces) creates another branch coming straight off the root.
Wrapping the label in brackets changes only that node's visual style, leaving the rest of the map unchanged.
Mermaid is an open-source JavaScript library that turns plain text, written in its own Markdown-like syntax, into diagrams rendered as SVG. Instead of manually drawing boxes and arrows in a graphics tool, you describe the diagram's structure in a few lines of text and the library computes the layout and draws the result.
No. Unlike flowcharts and sequence diagrams, the mind map uses only text indentation to define the hierarchy; the more indented a line is, the more it is a "child" of the branch above it.
The syntax has no fixed limit, but very deep maps (more than four or five levels) tend to look visually cramped; in that case, consider splitting the map into smaller, more focused maps.
The safest option is to use spaces consistently; mixing spaces and tabs can make Mermaid interpret the indentation level unexpectedly.
Loading the rendering engine...
Your Mermaid code and the rendered diagram stay in your browser, processed by the mermaid.js library. Nothing is sent to any server.