A lightweight JavaScript tool that converts Markdown text into colorful SVG mind maps for rendering on the client or server side. It is designed to be self-contained and easy to use, with no external dependencies.
Demo: https://js.mindmapwizard.com
- Parses simple Markdown headings and lists into a hierarchical mind map.
- Optimized for light and dark mode use.
- Renders to SVG for crisp visuals and easy styling.
- Minimal, dependency-free code.
This project was heavily inspired by markmap (https://github.com/markmap/markmap). See that project for a more feature-rich implementation and more functionality.
- Clone the repo:
git clone https://github.com/linus-sch/mindmapwizard-renderer.git- Open the demo HTML in a browser:
open demo/index.html- Edit the sample Markdown in demo/index.html (or load your own Markdown) to see live rendering to SVG.
Or use our API: https://mindmapwizard.com/api/docs
- src/renderer.js — core JS that converts Markdown to SVG
- demo/index.html — simple page demonstrating the renderer
- demo/styles.css — minimal styling for demo and SVG
We’ve built a text-to-mind-map API that generates SVG mind map from topic inputs using the mindmapwizard-renderer.
Check it out here.
If you share demos, screenshots, or examples publicly, include this credit where reasonable:
"Mind Map Wizard Renderer by Linus-sch"
This repo is intended as a demo/reference. Contributions are welcome as output improvements or bug reports. Do not submit changes that attempt to remove or weaken the license restrictions.
If you have any questions or feedback, please get in touch with us.