Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

A good book for learning D3.js [closed]

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

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

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

thanks in advance!

Update:

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

like image 529
laycat Avatar asked Jun 05 '13 02:06

laycat


People also ask

Is D3 js worth learning?

You need to learn a decent amount of D3 if... If you're just starting out in data visualization development, it's far more important that you develop a solid understanding of web development fundamentals (HTML, CSS, JavaScript), and add in D3 only once you are comfortable and feel that you need it.

Can you learn D3 without knowing JavaScript?

To begin using D3 you'll need to be familiar with JavaScript, CSS, method chaining, SVG. Plus you'll need a basic understanding of the DOM. JavaScript or Block Programming: While it's not necessary to know JavaScript, being familiar with a block style programming language is necessary.

Do people still use D3 JS?

The JavaScript ecosystem has completely changed during this time, in terms of libraries, best practices and even language features. Nevertheless, D3 is still here. And it's more popular than ever.


2 Answers

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

You will also note that on his site, he has a link to his recent d3 book, 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

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

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.

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

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 vega that 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.

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

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

like image 118
mg1075 Avatar answered Sep 21 '22 05:09

mg1075


The book you mention is indeed a bit slim. Here are some tutorials I found useful in grasping 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

like image 28
Autio Avatar answered Sep 21 '22 05:09

Autio