Outline to Mind Map lets you turn a plain text outline into a fully interactive, zoomable mind map — right inside your WordPress content.
I love mind maps and hope that this plugin will serve you well. I discovered Markmap.js and asked Claude.ai to help me build a plugin around it. It takes a universe to make a sandwich; structure supports spontaneity.
How it works:
Write a Markdown-style outline between the shortcode tags and the plugin renders it into a smooth, animated SVG mind map — with clickable nodes, zoom, and pan.
[outline-to-mind-map]
# My Topic
## Branch One
### Leaf
## Branch Two
[/outline-to-mind-map]
Features:
- Simple shortcode — works in any post, page, or widget
- Interactive: zoom, pan, and click nodes to fold/unfold
- Configurable fold depth, dimensions, and color schemes
- Five built-in color palettes: Default, Cool, Warm, Forest, Mono
- Output caching via WordPress transients (Redis/Memcached compatible)
- Settings page with full parameter reference
- Dark mode aware
- No account or API key required
- Powered by the open-source Markmap.js library
Usage
Basic example:
[outline-to-mind-map]
# My Project
## Planning
### Goals
### Timeline
## Execution
### Development
### Testing
[/outline-to-mind-map]
With options:
[outline-to-mind-map fold="2" color_scheme="forest" height="600px"]
# My Topic
## Branch A
## Branch B
[/outline-to-mind-map]<h3>Shortcode Parameters</h3>
* fold — Initial fold depth: none (fully expanded), all (root only), or 1–3. Default: none
* width — Container width, any CSS value. Default: 100%
* height — Container height, any CSS value. Default: 500px
* color_scheme — Branch palette: default, cool, warm, forest, mono. Default: default
* zoom — Enable mouse-wheel zoom: true or false. Default: true
* pan — Enable drag-to-pan: true or false. Default: true
* cache — Cache this instance: true or false. Default: true
All parameters can be set globally at Settings → Outline to Mind Map and overridden per shortcode.