d3 js 画图

项目中用到d3 js画图，对画图工具集没有什么研究，此处记下关于d3 js学习，进阶的相关信息，以备后查。

d3 js相较于其他开源的前端js画图工具，有较丰富的实现工具集，但是学习成本比较高。
首先在网上找了一些基础的d3 js的相关资料，并且d3 js是基于svg原理画图，所以首先快速了解了一下svg的东西，后续会持续更新...

D3.js入门指南

http://www.jianshu.com/p/c3800c61d2fb

【 D3.js 入门系列 】 入门总结

http://www.ourd3js.com/wordpress/category/data-driven-documents/

20.D3.jsによるグラフの描画

http://defghi1977.html.xdomain.jp/tech/svgMemo/svgMemo_20.htm

//基础讲解d3入门，比如画布svg，横轴，纵轴，等

http://www.cnblogs.com/wgl1995/category/930010.html

1，要了解d3 js，首先要看看下面的SVG的相关知识

SVG on w3school

1，http://www.w3school.com.cn/svg/svg_ellipse.asp

2，要了解一下，什么是贝塞尔曲线，及和svg，css3，canvas的关系

         注：如果要深入了解贝塞尔曲线，只看这些是远远不够的，需要看多的数学知识

贝塞尔曲线扫盲 《看过，明白了》

http://blog.csdn.net/cdnight/article/details/48468653

深度掌握SVG路径path的贝塞尔曲线指令 <没完全看完，有时间继续看>

http://www.zhangxinxu.com/wordpress/2014/06/deep-understand-svg-path-bezier-curves-command/

贝塞尔曲线与CSS3动画、SVG和canvas的基情 <看过，明白了>

http://www.zhangxinxu.com/wordpress/2013/08/%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF-cubic-bezier-css3%E5%8A%A8%E7%94%BB-svg-canvas/

3，D3 JS学习

D3.js-基础知识

http://blog.csdn.net/ligang2585116/article/details/52653830

用d3.js实现基于SVG的线形图 <这篇文章关于svg的细节讲解非常详细,不了解d3 js的svg的一定要看看>

http://ju.outofmemory.cn/entry/60346

理解SVG坐标系统和变换： transform属性

https://www.w3cplus.com/html5/svg-transformations.html

D3.js-柱形图

http://blog.csdn.net/ligang2585116/article/details/52756567

D3.js-散点图

http://blog.csdn.net/ligang2585116/article/details/52767324

D3.js初体验 —— 线型图表与坐标轴的绘制

http://blog.csdn.net/Selina_Chan/article/category/6181713/2

D3.js画折线图

http://blog.csdn.net/u011699990/article/category/6456471

D3.js实现折线图的方法详解

http://www.jb51.net/article/93088.htm