Mind Map

A mind map uses a central theme as its core, organizing and presenting information through hierarchical branches. It distributes content on both sides of the center point, making efficient use of space while clearly showing the hierarchical relationship between main branches and sub-branches. When text content is complex, mind maps help extract and structure key information, clarifying the relationships between main topics and subtopics.

Use Cases

Content centered around a core theme, broken down by logical hierarchy, such as knowledge systems and project plans.
Display classification systems, such as product categories, tech stack classifications, and academic knowledge systems.
Brainstorming and idea organization, arranging thoughts by hierarchy.
Structured extraction of reading notes, course summaries, and other information.

Visual Examples

Display the hierarchical classification of machine learning modeling methods as a mind map, branching out from the central theme to both sides.

Create a project plan using a mind map, divided into research, design, development, and testing phases, each with specific tasks.

Typhoon Formation Factors, Custom Palette

Options

Configuration Options

Property	Type	Required	Description
type	string	required	Value must be "mindmap".
data	Object	required	Tree data, containing name and optional children fields.
data.name	string	required	Node name.
data.children	Object[]	optional	Child node array, each child has the same structure, supporting multi-level nesting.
direction	'H' \| 'LR' \| 'RL'	optional	Layout direction. "H" root centered (default), "LR" root on left, "RL" root on right.
title	string	optional	Chart title.
theme	'default' \| 'dark' \| 'academy'	optional	Chart theme, default is "default".
style	Object	optional	Chart style.
style.backgroundColor	string	optional	Must be a valid color value.
style.palette	string[]	optional	Must be a valid color array.