The Mind Map Generator is 100% client‑side. Every node — its text, colour and x/y position — is a small typed object in a single tree held in the page, and a pure engine (mindMapEngine.ts) computes the layout and connector paths. The map you see is a live React <svg>; the PNG export serialises that same geometry to an SVG string (using native <text>, no <foreignObject>) and draws it onto a local <canvas> with canvas.toBlob, the SVG export is that string saved as a file, and the JSON save is JSON.stringify of the tree. “Save to this browser” uses localStorage on your own device only. Nothing is fetched, uploaded, logged or stored on a server, there is no CDN in the processing path, and fonts are your device’s system fonts so nothing is downloaded. The only optional network use is consent‑gated ads. It works offline once cached.

The shortcuts follow the conventions of the best desktop mind mappers so muscle memory carries over. Click a node to select it (the canvas takes keyboard focus), then: Tab adds a child branch and immediately puts you in rename mode; Enter adds a sibling at the same level (also ready to rename); F2 or a double‑click renames the selected node in place; Space collapses or expands its branch; and Delete or Backspace removes the node together with its whole subtree. While you are typing a label, Enter commits and adds the next sibling and Tab commits and adds a child, so you can outline an entire map from the keyboard without reaching for the mouse. Escape deselects or cancels an edit.

Radial layout places the root at the centre and distributes descendants around it: each leaf gets an equal angular slice of the full circle, an internal node sits at the midpoint of its descendants’ slice, and the radius grows one ring per level — the classic radial‑tree / spider look that shows the whole structure at a glance. Balanced tree layout keeps the root in the middle and divides its top‑level branches into a right group and a left group (balanced by how many leaves each carries), then lays each side out as a tidy horizontal tree where depth sets the column and children are stacked into rows with their parent centred on them. Auto‑layout is a one‑click tidy, not a constraint solver: it overwrites every node’s position, so you are free to fine‑tune by dragging afterwards, and Fit‑to‑view reframes the result.

You can export in three formats, all produced on‑device. PNG renders the exact geometry you see onto a local canvas at 2× scale on a white background — ideal for pasting into docs, slides or chat. SVG saves the map as a clean vector with real <text> nodes, so you can keep editing it in professional design tools, Illustrator or Inkscape. JSON captures the full tree (text, colours, positions and collapse state); “Save” keeps it in this browser’s localStorage, “Download JSON” writes a file, and “Import” loads a JSON file back — the reliable way to move a map between devices since there is no account or cloud sync. Because everything lives in memory (and optionally localStorage), export or save before you close the tab.