官方: https://d3js.org/  官方例子: https://github.com/d3/d3/wiki/Gallery

SVG元素参考 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element

SVG属性参考 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute

SVG教程 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial  很正规

svg path大法d属性详解 https://segmentfault.com/a/1190000009556665

两个很基础的教程:

D3.js入门教程 http://pkuwwt.github.io/d3-tutorial-cn/fundamentals.html 基础

D3.js 入门教程 http://wiki.jikexueyuan.com/project/d3wiki/ 需要一定知识

D3.js API 中文手册 https://wizardforcel.gitbooks.io/d3-api-ref/content/

D3.js中文参考文档  https://github.com/xswei/d3js_doc

【D3.js数据可视化系列教程】–（一）简介 http://blog.csdn.net/tianxuzhang/article/details/11317667
【D3.js数据可视化系列教程】–（二）最简单的开始：添加元素 http://blog.csdn.net/tianxuzhang/article/details/11320725
【D3.js数据可视化系列教程】–（三）数据绑定 http://blog.csdn.net/tianxuzhang/article/details/11331289
【D3.js数据可视化系列教程】–（四）使用数据 http://blog.csdn.net/tianxuzhang/article/details/11339033
【D3.js数据可视化系列教程】–（五）用层画条形图 http://blog.csdn.net/tianxuzhang/article/details/11343797
【D3.js数据可视化系列教程】–（六）生成测试数据 http://blog.csdn.net/tianxuzhang/article/details/11346843
【D3.js数据可视化系列教程】–（七）SVG初探 http://blog.csdn.net/tianxuzhang/article/details/11355205
【D3.js数据可视化系列教程】–（八）使用D3绘制SVG http://blog.csdn.net/tianxuzhang/article/details/11366447
【D3.js数据可视化系列教程】–（九）D3的数据类型 http://blog.csdn.net/tianxuzhang/article/details/11367251
【D3.js数据可视化系列教程】–（十）更自由的条形图 http://blog.csdn.net/tianxuzhang/article/details/11370851
【D3.js数据可视化系列教程】–（十一）散点图 http://blog.csdn.net/tianxuzhang/article/details/11375203
【D3.js数据可视化系列教程】–（十二）比例尺 http://blog.csdn.net/tianxuzhang/article/details/11761895
【D3.js数据可视化系列教程】–（十三）坐标轴 http://blog.csdn.net/tianxuzhang/article/details/11762825
【D3.js数据可视化系列教程】–（十四）有路径的文字 http://blog.csdn.net/tianxuzhang/article/details/11783095
【D3.js数据可视化系列教程】–（十五）SVG基本图形绘制 http://blog.csdn.net/tianxuzhang/article/details/11784011
【D3.js数据可视化系列教程】（十六）–更新、过度和动画 http://blog.csdn.net/tianxuzhang/article/details/14044261
【D3.js数据可视化系列教程】（十七）–通过键联结数据 http://blog.csdn.net/tianxuzhang/article/details/14063059
【D3.js数据可视化系列教程】（十八）–组合添加删除 http://blog.csdn.net/tianxuzhang/article/details/14086627
【D3.js数据可视化系列教程】（十九）–交互图表之鼠标悬停 http://blog.csdn.net/tianxuzhang/article/details/14088643
【D3.js数据可视化系列教程】（二十）–交互图表之条形图排序 http://blog.csdn.net/tianxuzhang/article/details/14092137
【D3.js数据可视化系列教程】（二十一）–交互图表之条形图排序切换 http://blog.csdn.net/tianxuzhang/article/details/14101159
【D3.js数据可视化系列教程】（二十二）–交互图表之提示条 http://blog.csdn.net/tianxuzhang/article/details/14102223
【D3.js数据可视化系列教程】（二十三）–饼图圆环图 http://blog.csdn.net/tianxuzhang/article/details/14103477
【D3.js数据可视化系列教程】（二十四）–力导向图 http://blog.csdn.net/tianxuzhang/article/details/14106937
【D3.js数据可视化系列教程】（二十五）–加载csv文件 http://blog.csdn.net/tianxuzhang/article/details/14121451
【D3.js数据可视化系列教程】（二十六）–加载SVG文件 http://blog.csdn.net/tianxuzhang/article/details/14122495
【D3.js数据可视化系列教程】（二十七）–径向树 http://blog.csdn.net/tianxuzhang/article/details/14134663
【D3.js数据可视化系列教程】（二十八）–弦图 http://blog.csdn.net/tianxuzhang/article/details/14149681
【D3.js数据可视化系列教程】（二十九）–折叠树 http://blog.csdn.net/tianxuzhang/article/details/14170243
【D3.js数据可视化系列教程】（三十）–力导向图之带文字 http://blog.csdn.net/tianxuzhang/article/details/14223855
【D3.js数据可视化系列教程】（三十一）– 力导向图之分子式 http://blog.csdn.net/tianxuzhang/article/details/14228703
【D3.js数据可视化系列教程】（三十二）– 力导向图之弧形箭头连线 http://blog.csdn.net/tianxuzhang/article/details/14230537
【D3.js数据可视化系列教程】（三十三）– 力导向图之图片和提示 http://blog.csdn.net/tianxuzhang/article/details/14231339
【D3.js数据可视化系列教程】（三十四）– sankey图 http://blog.csdn.net/tianxuzhang/article/details/14434465
【D3.js数据可视化系列教程】（三十五）– 矩形树 http://blog.csdn.net/tianxuzhang/article/details/17151479
【D3.js数据可视化系列教程】（三十六）– 冰柱图 http://blog.csdn.net/tianxuzhang/article/details/17159961

【D3.js数据可视化实战】–（1）绘制网格线  http://blog.csdn.net/tianxuzhang/article/details/44497785

【D3.js数据可视化实战】–（2）本地时间轴  http://blog.csdn.net/tianxuzhang/article/details/49308933

【D3.js数据可视化实战】–（3）桑基图（sankey）的绘制 http://blog.csdn.net/tianxuzhang/article/details/49624701

让图表动起来 http://wiki.jikexueyuan.com/project/d3wiki/transition.html

树状图 http://wiki.jikexueyuan.com/project/d3wiki/tree.html  原图是从左到右，如果从上到下，那么diagonal和node的坐标变换就好

坐标轴 http://pkuwwt.github.io/d3-tutorial-cn/axes.html 但是左边的时候，数字是从上到下，如果想从下到上显示，那么变换尺度的rang数字就好

D3.js读取JSON对象构造树型组织结构图 http://wow.techbrood.com/fiddle/32264  节点之间的直线和折现方法，代替了贝塞尔曲线

D3.js画折线图 http://blog.csdn.net/u011699990/article/details/52807696