D3 数据可视化工具

介绍

• github
• v4中文API
• 实例

英文资料

（1）官方 API

https://github.com/mbostock/d3/wiki/API-Reference

阅读 API 学习是一个不坏的方法。虽然有不少人说 D3 的 API 写得太学术性了，不好懂，但是真要想得心应手地使用 D3，此 API 是避不开的。

（2）Mike Bostock 的博客和作品展示板

http://bost.ocks.org/mike/

http://bl.ocks.org/mbostock/

这是由 D3 的作者制作的，Mike Bostock 是纽约时报的工程师，纽约时报目前的可视化技术是使用 D3 的。但是，这个博客和作品展示板里，文字说明不多，大多数只有代码，理解起来挺困难。

（3）Dashing D3.js

https://www.dashingd3js.com/table-of-contents

非常简单易懂的教程，文字解释、图片都十分清晰。此站开设的目的就是为了让人迅速而高效地掌握 D3。

（4）Custom Visualizations with D3.js

http://jsdatav.is/chap07.html

一本书的其中一章，但是内容很丰富，图形也很简洁精美。另外，该站都是关于数据可视化的文章，绝对值得一看。

（5）INTRO TO D3.JS

http://square.github.io/intro-to-d3/

排版很有意思，简单易懂的一个学习站。

（6）D3.js Gallery

http://christopheviau.com/d3list/gallery.html

汇集了网络上 2490 个 D3.js 的例子，是一个巨大的可视化宝库。

## 中文资料

（1）很早的一个站

http://www.pkuwwt.tk/d3-tutorial-cn/about.html

更新时间显示的是2012年，可以说非常非常早，要知道 D3 是2011年诞生，2012年12月版本才升级到3.0（现在常用的）。

（2）张天旭的博客

http://blog.csdn.net/tianxuzhang?viewmode=contents

张天旭的 CSDN 博客，其 D3 的系列教程有超过 10 万的访问量，人气相当高。

（3）阮一峰的博客

http://javascript.ruanyifeng.com/library/d3.html

阮一峰的写作风格是简单易懂。但是可惜，关于 D3 的只有一篇。

（4）楚狂人的博客

http://www.cnblogs.com/winleisure/tag/D3.js/

楚狂人的博客，翻译的 Dashing D3.js，翻译的质量很好。

huanghui8030@qq.com 于 2017.04.27 整理，如有误请指正。