d3.js资料汇总

学习顺序

1、看官网的教程
https://observablehq.com/@d3/learn-d3

2、理解下面几个核心概念
(a)选择器selection
(b)比例尺scale
(c)动画transition
(d)常用的API，比如attr等等
(e)数据驱动理念：enter、update、exit

https://bost.ocks.org/mike/join/

https://www.jianshu.com/p/fb87640f68ee

3、跟着observable的Demo练习(按需搜索Demo)
https://observablehq.com/

文档类

github： https://github.com/d3/d3

英文API： https://github.com/d3/d3/blob/master/API.md

中文API： https://www.d3js.org.cn/document/

教程【待实践】： https://github.com/d3/d3/wiki/Tutorials

Demo类

20000+Demo：https://blockbuilder.org/search

D3Discovery: https://d3-discovery.net/

工具类

Observable： https://observablehq.com/

AwesomeD3： https://github.com/wbkd/awesome-d3

牛人

酷炫效果

粒子碉堡：
https://blockbuilder.org/enjalot/6ef5797e44540179f622a2bab0c945fc

【待阅读】胶质粘合效果：
https://www.visualcinnamon.com/2016/06/fun-data-visualizations-svg-gooey-effect.html