使用d3.js
初始化d3和画布大小，tree = d3.layout.cluster().size([h, w])
导入数据，使用d3默认处理数据： root = tree.nodes(data)
处理数据（包括坐标的处理）
展示数据
思路是这样的。
一. api简介
d3.tree()，创建一个树状图生成器
d3.tree().size()，定义树的大小
d3.hierarchy()，层级布局，需要和tree生成器一起使用，来得到绘制树所需要的节点数据和边数据
node.descendants()得到所有的节点，已经经过转换的数据
node.links()，得到所有的边，已经经过转换的数据
二.Vue中使用
*点击节点可展开收缩
webgl、three.js、D3.js这三者的关系是：
1、D3.js是一个数据可视化的库，看看他们的DEMO就可以知道，技术基础是SVG。兼容性是IE9+。
2、webgl是HTML5中提出的新技术，是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，关于它的教程可以看看hiwebgl。目前兼容性堪忧
3、three.js是以webgl为基础的库，封装了一些3D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找到。
4、three.js之于webgl，类似于windows版本的虚幻引擎之于D3D。当然，虚幻引擎的能力范围比three.js大得多。d3.js跟上面两者没有关系。
