javascript 学习D3.js的好书

A good book for learning D3.js

提问by laycat

I saw D3.jsand I was interested so I bought this book! I may be wrong, however I found it un-fulfilling.

我看到了D3.js，我很感兴趣，所以我买了这本书！我可能是错的，但我发现它不令人满意。

Does anyone have prime material for mastering D3.jsfor data visualization?

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

I can see a lot of potential for D3.jsand I am very keen and interested.

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

thanks in advance!

提前致谢！

Update:

更新：

I just completed reading Interactive Data Visualizationfor the Web by Scott Murray, great book! Try it, it's free.

我刚刚读完了 Scott Murray 的Interactive Data Visualizationfor the Web，这本书很棒！试试吧，它是免费的。

回答by mg1075

As @Autio already mentioned, there are the tutorials from Scott Murray on his website.

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

You will also note that on his site, he has a link to his recent d3 book, Interactive Data Visualization for the Web.

您还会注意到，在他的站点上，他有一个指向他最近的 d3 书籍 Interactive Data Visualization for the Web 的链接。

However, that book is now available online for free, along with embedded jsbin examples. http://chimera.labs.oreilly.com/books/1230000000345/index.html

但是，这本书现在可以免费在线获得，同时还提供了嵌入式 jsbin 示例。 http://chimera.labs.oreilly.com/books/1230000000345/index.html

So if you are looking for a "book", this would be a great start.

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

Another great place to start is the set of tutorials - you could almost think of them as a mini-book - found here:
http://www.dashingd3js.com/table-of-contents

另一个很好的起点是教程集 - 您几乎可以将它们视为一本迷你书 - 在这里找到：http:
//www.dashingd3js.com/table-of-contents

Part of what is good about these two resources is that they should encourage you to immediately begin playing around with d3 in your browser; so you are actually using d3 and exploring how it works in simple cases, instead of only reading about how it works.

这两个资源的部分优点在于它们应该鼓励您立即开始在浏览器中使用 d3；所以你实际上是在使用 d3 并探索它在简单情况下的工作原理，而不是仅仅阅读它的工作原理。

The d3 wiki on github has a good deal of tutorials, and is indispensable for getting a feel for not just d3 but what's going on in the d3 community, yet I would probably recommend starting with the two links mentioned above, since they will provide a good base (with a sustained focus, as opposed to a one or two page post) for then jumping off into the other tutorials available.
https://github.com/mbostock/d3/wiki/Tutorials

github 上的 d3 wiki 有很多教程，对于了解 d3 以及 d3 社区中正在发生的事情是必不可少的，但我可能会建议从上面提到的两个链接开始，因为它们将提供良好的基础（持续关注，而不是一两页的帖子），然后跳到其他可用的教程中。
https://github.com/mbostock/d3/wiki/Tutorials

Also, consider what you want to end up doing with d3. By itself, d3 is really powerful yet fairly low-level, meaning: if you just need to make a bar chart instead of a NY Times election map of 512 paths to the White House, then it may be worth looking at a tool like vegathat removes some of the low-level complexity that could otherwise be involved in creating an item such as a standard bar chart. And these tools are not few in number, as can be seen in this gist listing libraries that make use of d3.

另外，请考虑您最终想用 d3 做什么。就其本身而言，d3 确实非常强大但相当低级，这意味着：如果您只需要制作条形图而不是纽约时报的512 条通往白宫的选举地图，那么可能值得看看像vega这样的工具这消除了创建标准条形图等项目时可能涉及的一些低级复杂性。而且这些工具的数量不少，从这个使用 d3 的 gist 列表库可以看出。

More recently, Nick Zhu, the author of dc.jscharting library that combines d3.js and crossfilter, came out with a new Data Visualization with D3 Cookbookthat looks promising and appears to assume a bit more of the reader than does Scott Murray's book.

最近，结合 d3.js 和 crossfilter的dc.js图表库的作者 Nick Zhu推出了新的Data Visualization with D3 Cookbook，看起来很有前景，而且似乎比 Scott Murray 的书更吸引读者.

There's also a d3.js intro for people who are still new to HTML and CSS:
Part1: http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html
Part2: http://nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html

还有一个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

回答by Autio

The book you mention is indeed a bit slim. Here are some tutorials I found useful in grasping D3: http://alignedleft.com/tutorials/d3

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

Really the best method is to explore the source code of the examples hosted by Mike Bostock here: https://github.com/mbostock/d3/wiki/Gallery

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

回答by DataByDavid

I wrote some basic tutorials when I first started to learn, you can find them here: https://bitbucket.org/hrojas/learn-d3

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