PlantUML Mind Map Diagram Syntax Guide

What is a Mind Map Diagram?

A Mind Map Diagram is a visual technique for organizing thoughts, brainstorming ideas, mapping knowledge domains, and structuring complex information around a central concept. It breaks ideas into radial branches, moving from high-level categories to detailed sub-topics. With VPasCode, you can instantly turn plain text into publication-ready Mind Maps using standard PlantUML syntax. This lets you map ideas quickly without fighting drag-and-drop alignment on a visual canvas.

---

Core Syntax Guide: Elements and Constructs

Building a Mind Map in VPasCode uses arithmetic notation (*, **, ***) or block brackets wrapped inside standard @startmindmap and @endmindmap tags.

1. Declaring Central Topics and Sub-Branches

Define the central topic with a single asterisk (*), and add asterisks for each subordinate branch level:

2. Controlling Branching Direction (Left vs. Right)

By default, PlantUML places branches on both sides. You can explicitly force a branch to extend to the left using the hyphen notation (-, --, ---):

Pro Tip: Use asterisks (*) for branches growing to the right, and hyphens (-) for branches growing to the left.

3. Customizing Colors and Font Formatting

Apply custom background colors to node boxes using color brackets ([#Color]) and style text using PlantUML native font directives (like <color:white>...</color>):

4. Changing Node Box Shapes and Styles

You can adjust node box borders and appearance using underscores or style tags:

---

Best Practices for Clean Layouts

• Keep Core Ideas Balanced: Distribute main categories evenly between left (--) and right (**) branches for a clean visual layout.
• Color-Code Primary Branches: Assign distinct background colors to top-level branches so sub-topics are easily distinguishable at a glance.
• Use Short, Actionable Labels: Keep node text concise (1–4 words) to prevent wide, stretched boxes.

---

Real-World PlantUML Mind Map Examples

Copy and paste these blueprints directly into your VPasCode editor panel to see them render in real time.

Example 1: Product Marketing Strategy Blueprint

This blueprint organizes a comprehensive SaaS product launch strategy across branding, inbound content, paid channels, and product analytics.

Syntax Breakdown: This blueprint balances four operational domains evenly around the central node using ** for right-hand branches and -- for left-hand branches, combined with custom node background colors.

Example 2: Software System Architecture Exploration

This blueprint maps out core technical components for a cloud platform backend.

Syntax Breakdown: Demonstrates a clear structural decomposition of system layers with white font styling applied to the root node container.