GPT-Vis1.3
Skip to examples
Browse chart types
Chart library26 ways to visualize
Start with your own data.SDK quickstart Install the Agent Skill

RELATIONSHIP / CHART GUIDE

Mind Map

A mind map uses a central theme as its core, organizing and presenting information through hierarchical branches.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

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

About 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.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

PropertyTypeRequiredDescription
typestringrequiredValue must be "mindmap".
dataObjectrequiredTree data, containing name and optional children fields.
data.namestringrequiredNode name.
data.childrenObject[]optionalChild node array, each child has the same structure, supporting multi-level nesting.
direction'H' | 'LR' | 'RL'optionalLayout direction. "H" root centered (default), "LR" root on left, "RL" root on right.
titlestringoptionalChart title.
themeBuiltinThemeName | ThemeSpecoptionalBuilt-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
styleObjectoptionalChart style.
style.backgroundColorstringoptionalMust be a valid color value.
style.palettestring[]optionalMust be a valid color array.
GPT-Vis · An AntV project · MIT licensed