g6/packages/site/examples/net/mindmap/index.en.md

---
title: Mindmap
order: 5
---

The nodes with same depth will be placed on the same level. Difference from compactBox, Mindmap will not consider the node size. <br /> <img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*J1l5RofvbP0AAAAAAAAAAABkARQnAQ' alt='mindmap' width='250'/>

## Usage

Mindmap is an appropriate layout method for tree data structure. Please use it with TreeGraph. As the demo below, you can deploy it in `layout` while instantiating Graph.

You can set different configurations for different nodes if the parameter is Function type. Please refer to the ducuments for more information.
chore: commit history cleaning 2023-02-02 10:31:36 +08:00			`---`
			`title: Mindmap`
docs: tree layout demos 2023-08-28 20:39:59 +08:00			`order: 5`
chore: commit history cleaning 2023-02-02 10:31:36 +08:00			`---`

			`The nodes with same depth will be placed on the same level. Difference from compactBox, Mindmap will not consider the node size. <br /> <img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*J1l5RofvbP0AAAAAAAAAAABkARQnAQ' alt='mindmap' width='250'/>`

			`## Usage`

			Mindmap is an appropriate layout method for tree data structure. Please use it with TreeGraph. As the demo below, you can deploy it in `layout` while instantiating Graph.

			`You can set different configurations for different nodes if the parameter is Function type. Please refer to the ducuments for more information.`