项目中用到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，横轴，纵轴，等
1，要了解d3 js，首先要看看下面的SVG的相关知识
SVG on w3school
1，http://www.w3school.com.cn/svg/svg_ellipse.asp
2，要了解一下，什么是贝塞尔曲线，及和svg，css3，canvas的关系
注：如果要深入了解贝塞尔曲线，只看这些是远远不够的，需要看多的数学知识
贝塞尔曲线扫盲 《看过，明白了》
深度掌握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学习
http://blog.csdn.net/ligang/article/details/
用d3.js实现基于SVG的线形图 <这篇文章关于svg的细节讲解非常详细,不了解d3 js的svg的一定要看看>
理解SVG坐标系统和变换： transform属性
https://www.w3cplus.com/html5/svg-transformations.html
D3.js实现折线图的方法详解
http://www.jb51.net/article/93088.htm
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/222720.html原文链接：https://javaforall.net
