【 持续更新 】D3 的学习资料

经常有朋友问哪里有关于 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

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

 (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 的例子,是一个巨大的可视化宝库。

 

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 为主。

文档信息

【 持续更新 】D3 的学习资料》上有4条评论

  1. 推荐一本适合入门的参考书 《数据可视化实战——使用D3设计交互式图表》。语言很俏皮!

评论已关闭。