项目中用到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的贝塞尔曲线指令 <没完全看完,有时间继续看>
贝塞尔曲线与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/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
http://blog.csdn.net/ligang2585116/article/details/52756567
http://blog.csdn.net/ligang2585116/article/details/52767324
http://blog.csdn.net/Selina_Chan/article/category/6181713/2
http://blog.csdn.net/u011699990/article/category/6456471