Mindmap-Tree

Demo

npm install -S mindmap-tree

<body>
  <div id="container" style="width:100vh;height:100vh;"></div>
</body>

import MindmapTree from 'mindmap-tree';
import 'mindmap-tree/style.css';

new MindmapTree({
  container: '#container',
});

MindmapTree constructor options:

Prop	Type	Default	Description
container	String \| Element	''	HTML element of container
data	NodeDataMap	Record<string, NodeData>	Initial data of mindmap
isDebug	Boolean	false	Is debug or not

NodeData params:

Prop	Type	Default	Description
label	String	''	Node label
direction	Number	0	Node direction, 1:right, 0:none, -1:left
isRoot	Boolean	false	Is root node or not
children	String[]	[]	children ids
isExpand	Boolean	true	To expand node or not