Outline to Mind Map

Description

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.