105

我看到了D3.js，我很感兴趣，所以我买了这本书！我可能是错的，但我发现它没有实现。

有没有人掌握D3.js数据可视化的主要材料？

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

提前致谢！

更新：

我刚刚读完了 Scott Murray 的《Web交互数据可视化》，很棒的书！试试看，它是免费的。

4

3 回答 3

164

正如@Autio 已经提到的，在他的网站上有 Scott Murray 的教程。

您还会注意到，在他的网站上，他有一个指向他最近的 d3 书籍 “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 确实非常强大但相当低级，这意味着：如果您只需要制作一个条形图而不是 NY Times 选举地图，其中包含512 条通往白宫的路径，那么可能值得一看vega之类的工具这消除了一些在创建标准条形图等项目时可能涉及的低级复杂性。而且这些工具的数量并不多，从这个gist 列出的使用 d3 的库中可以看出。

最近，结合 d3.js 和 crossfilter的dc.js图表库的作者 Nick Zhu 推出了一个新的 D3 Cookbook 数据可视化，看起来很有希望，而且似乎比 Scott Murray 的书更能吸引读者.

还有一个 d3.js 介绍，适用于 HTML 和 CSS 的新手：第 1部分： http
: //nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html第2 部分：http:// /nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html

于 2013-06-05T04:09:16.723 回答
8

你提到的那本书确实有点薄。以下是我发现对掌握 D3 有用的一些教程：http: //alignedleft.com/tutorials/d3

最好的方法是在这里探索 Mike Bostock 托管的示例的源代码：https ://github.com/mbostock/d3/wiki/Gallery

于 2013-06-05T03:14:15.410 回答
7

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

于 2013-06-16T19:51:31.983 回答