思维导图的节点具有层级关系和隶属关系，很像枝叶从树干伸展开来的形状。在前面讲解布局的时候，提到有五个布局是由层级布局扩展来的，其中的树状图（tree layout）和集群图（cluster layout）布局制作出来的图具有“树形”。因此，可以凭借这两种布局来制作思维导图。
树状图布局，将一个具有层级关系的对象root转换成节点数组nodes时，情况如下。有一个root对象：
{ name: "node1", children: [ { name: "node2" }, { name: "node3" } ] }