D3.js 的学习资料

发表于2015/02/25

经常有朋友问哪里有关于 D3 的比较好的学习资料，现整理成此文。以后找到更多更好的，会不断更新本文。

我是在2013年开始接触 D3 的，当时就觉得这个工具很好玩。至今，学习资料整理了不少。

如果有朋友有好的学习资料，请在下面留言。

1. 英文资料

（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

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

 

2. 中文资料

 （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，翻译的质量很好。

3. 日文资料

 （1）Dot Install

http://dotinstall.com/lessons/basic_d3js

日本著名的编程学习网站，这里提供了 D3 的入门教程，日语好的朋友的听听解释，讲得简单易懂。

 （2）使用 D3.js 在 SVG 上绘图

http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_20.htm

包含了 D3 中简单图形的制作、各种布局的应用。

 （3）清水正行的博客

http://shimz.me/blog/

博主是房地产公司的工程师，负责开发房地产管理系统，平时会在博客里写一些关于数据可视化的文章。

 （4）Data is Fun

http://dataisfun.org/

一个关于数据可视化的小站，也是以 D3.js 为主。