Mind Map

📖 Introduction

Describe your hierarchy as indented text and a mind map appears on the right. There are no nodes to drag: you edit the text and the structure follows. That makes it a good fit for the stage where you are still working out what the branches should be, before any polishing. Output is vector based, so you can export PNG or SVG and drop it straight into a document or a slide, or export JSON and carry the structure into another tool.

Anyone who wants the branches sorted out before writing a proposal: typing text is quicker than dragging boxes. People taking reading notes or meeting minutes can indent the key points afterwards and end up with a diagram for free. Teachers can draw a chapter structure for a class without learning a heavy application first.

Anyone who wants the branches sorted out before writing a proposal: typing text is quicker than dragging boxes. People taking reading notes or meeting minutes can indent the key points afterwards and end up with a diagram for free. Teachers can draw a chapter structure for a class without learning a heavy application first.

• The levels came out wrong. You probably mixed tabs and spaces. Use one indentation style throughout.
• Can I drag a node? No. Positions come from the layout algorithm.
• PNG export fails. Export SVG instead and convert it with an image viewer.
• Everything is cramped. Increase the gap and padding, or split the map into two.

The layout algorithm walks the tree and measures each label, so the shape of the map follows the length of your text rather than a fixed grid. Short labels produce a compact map; long ones stretch sideways and push siblings apart. If a branch feels crowded, splitting it into its own map usually reads better than shrinking the font. The two-sided layout works best when you have four to eight top-level branches, because they alternate left and right. With only one or two branches the right-only layout looks tidier. Since node width comes from measured text, very long labels are worth rewriting before you export rather than after.

✨ Features

• Indentation parsing: four spaces per level by default, with two spaces and tab also supported. Leading dashes and asterisks are stripped automatically.
• Two layouts: everything expanding to the right, or the classic two-sided structure where top-level branches alternate left and right.
• Four palettes: blue, green, warm and grey. Deeper levels get lighter tints.
• Adjustable metrics: font size, node gap and canvas padding, with boxes sized to fit their text.
• Connectors: bezier curves between parent and child, which you can switch off.
• Three exports: PNG at double resolution, SVG vector, and JSON for the structure.

🚀 How to Use

1. Write the outline in the left box. The first line is the central topic; each level down is indented four spaces.
2. Pick a direction and palette, and tune font size and spacing if you need precise layout.
3. Click Generate. The map appears on the right, with node count and depth shown above it.
4. Click Export PNG or Export SVG to save an image.
5. Click Export JSON to take the structure into another tool.

⚠️ Notes

• Consistent indentationKeep the indentation unit consistent within one outline. Mixing tabs and spaces will parse incorrectly.
• No manual draggingNodes cannot be dragged. Positions come from the layout algorithm.
• Old browsers may failPNG export relies on the browser rasterising SVG into a canvas. Very old browsers may fail; use SVG instead.
• Keep nodes shortVery long labels produce very wide boxes. Aim for a dozen characters or so per node.
• Level parsing breaksThe levels came out wrong. You probably mixed tabs and spaces. Use one indentation style throughout.