d3.js 生成 svg tree 树形结构图

本文实例 demo http://www.jq22.com/jquery-info21370 

d3中文版    https://d3js.org.cn
官方API   https://github.com/d3/d3/blob/master/API.md
官方API v3  https://github.com/d3/d3-3.x-api-reference/blob/master/API-Reference.md
官方示例： https://github.com/d3/d3/wiki/Gallery

可搜索示例：https://blockbuilder.org/search?d3version=v4&text=tree

 

w3cschool 字典 https://www.w3cschool.cn/dict/

 d3 v4  https://www.w3cschool.cn/doc_d3_4/dict

 d3 v3  https://www.w3cschool.cn/doc_d3_3/dict

 

使用D3和FileReader在线生成树形图  https://blog.csdn.net/u014291497/article/details/70991125

 

d3.v3 和 d3.v4 的变换 中英文版

https://github.com/d3/d3/blob/master/CHANGES.md#hierarchies-d3-hierarchy

https://github.com/xswei/d3js_doc/blob/master/API_Reference/CHANGES.md

本人d3 只制作了tree树状图，别的不太了解，调接口的没有总结，下面这个 demo 是原生的，3.x

d3 需要英语好，才好入门。

echarts 中有树状图 可以先参考一下。
https://echarts.baidu.com/examples/editor.html?c=tree-basic

这边有一个别人的在线demo https://codepen.io/zhulinpinyu/pen/EaZrmM/?editors=0010

双向树状图 线是直线 

 http://bl.ocks.org/jdarling/2503502 

d3.js  中文版 3.x 转自别人的翻译

http://blog.mn886.net/chenjianhua/show/773c07b3abce/index.html

D3.js拖放，Zoomable，平移，可折叠树与自动调整大小。在线demo

http://bl.ocks.org/robschmuecker/7880033

 

收藏转自: 有重复，以供参考

https://www.cnblogs.com/wanyong-wy/p/7603123.html

 https://www.cnblogs.com/quyixuanblog/p/5754129.html

 https://blog.csdn.net/songqiang2011/article/details/86521194

 https://blog.csdn.net/lzhlzz/article/details/38561737

https://www.jianshu.com/p/909a241acfdd 

https://www.jianshu.com/p/6ef01845854f

https://blog.csdn.net/loveljy_19901114/article/details/81530222

http://www.cleey.com/blog/single/id/705.html

https://www.cnblogs.com/shihuc/p/6150526.html