学习D3.js的好书

时间:2013-06-05 02:48:29

标签: javascript d3.js data-visualization

我看到了D3.js,我感兴趣所以我买了book!我可能错了,但我发现它没有实现。

是否有人有掌握D3.js数据可视化的主要材料?

我可以看到D3.js的很多潜力,我非常热衷和感兴趣。

提前感谢!

更新

我刚刚完成了阅读Interactive Data Visualization网页的作者:Scott Murray,这本好书!试试吧,它是免费的。

3 个答案:

答案 0 :(得分:156)

正如@Autio已经提到的那样,Scott Murray在website上提供了教程。

你还会注意到,在他的网站上,他有一个链接到他最近的d3书, Interactive Data Visualization for the Web

但是,该书现已在线提供免费,以及嵌入式jsbin示例。 http://chimera.labs.oreilly.com/books/1230000000345/index.html

因此,如果您正在寻找一本“书”,这将是一个很好的开始。

另一个很好的起点是一套教程 - 你几乎可以把它们想象成一本迷你书 - 在这里找到:
http://www.dashingd3js.com/table-of-contents

这两个资源的优点之一是它们应该鼓励您立即开始在浏览器中使用d3;所以你实际上是在使用d3并在简单的情况下探索它是如何工作的,而不只是阅读它是如何工作的。

github上的d3 wiki有很多教程,对于不仅仅是感受d3而且d3社区正在发生的事情,它是必不可少的, 但我可能会建议从上面提到的两个链接开始, 因为它们将提供一个良好的基础(持续关注, 然后跳起来,而不是一两页的帖子 进入其他可用的教程 https://github.com/mbostock/d3/wiki/Tutorials

另外,考虑一下你最终要用d3做什么。就其本身而言,d3非常强大而且相当低级,这意味着:如果你只需要制作一个条形图而不是纽约时报的512 paths to the White House选举地图,那么可能值得查看像{{}这样的工具。 3}}可以消除一些低级复杂性,否则这些复杂性可能会导致创建项目(如标准条形图)。这些工具的数量并不少,如vega中所示。

最近,结合了d3.js和crossfilter的gist listing libraries that make use of d3图表库的作者Nick Zhu推出了一个看起来很有前途的新dc.js,似乎更多的是读者比斯科特默里的书还要多。

对于仍然不熟悉HTML和CSS的人来说,还有一个d3.js介绍:
第1部分:Data Visualization with D3 Cookbook
第2部分:http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html

答案 1 :(得分:8)

你提到的这本书确实有点苗条。以下是一些我认为在掌握D3方面有用的教程:http://alignedleft.com/tutorials/d3

真正最好的方法是在这里探索由Mike Bostock主持的示例的源代码:https://github.com/mbostock/d3/wiki/Gallery

答案 2 :(得分:7)

我刚开始学习时写了一些基础教程,你可以在这里找到它们: https://bitbucket.org/hrojas/learn-d3