What do you think?
Rate this book
網頁互動式資料視覺化：使用D3
Create and publish your own interactive data visualization projects on the Web—even if you have little or no experience with data visualization or web development. It’s easy and fun with this practical, hands-on introduction. Author Scott Murray teaches you the fundamental concepts and methods of D3, a JavaScript library that lets you express data visually in a web browser. Along the way, you’ll expand your web programming skills, using tools such as HTML and JavaScript.
This step-by-step guide is ideal whether you’re a designer or visual artist with no programming experience, a reporter exploring the new frontier of data journalism, or anyone who wants to visualize and share data.
Learn HTML, CSS, JavaScript, and SVG basics
Dynamically generate web page elements from your data—and choose visual encoding rules to style them
Create bar charts, scatter plots, pie charts, stacked bar charts, and force-directed layouts
Use smooth, animated transitions to show changes in your data
Introduce interactivity to help users explore data through different views
Create customized geographic maps with data
Explore hands-on with downloadable code and over 100 examples
This step-by-step guide is ideal whether you’re a designer or visual artist with no programming experience, a reporter exploring the new frontier of data journalism, or anyone who wants to visualize and share data.
Learn HTML, CSS, JavaScript, and SVG basics
Dynamically generate web page elements from your data—and choose visual encoding rules to style them
Create bar charts, scatter plots, pie charts, stacked bar charts, and force-directed layouts
Use smooth, animated transitions to show changes in your data
Introduce interactivity to help users explore data through different views
Create customized geographic maps with data
Explore hands-on with downloadable code and over 100 examples
280 pages
First published January 1, 2013
143 people are currently reading
993 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 30 of 60 reviews
September 24, 2019
I wanted to love this book, but instead I just sort of liked it. The book defiintely was not a bad read, but it did not fit my needs.
May 7, 2017
This is a great introduction to d3.js!
Positive (+):
* Regardless of your background and how familiar you are with HTML, CSS, and JavaScript, this book will be a great starting point in your exciting D3 journey!
* The book does a great job of familiarizing its readers with key concepts of d3; it walks you through it step by step.
* After reading this book, you'd be able to explore other d3's functionalities on your own!
* While this book is based on the version 3, all the material is applicable to version 4 too (see the end of the review)
* I enjoyed the examples and had a great time reading the book; here's how Murray introduces d3's transitions:
"Life transitions can be scary: the first day of school, moving to a new city, quitting your day job to do freelance data visualization full-time.But D3 transitions are fun, beautiful, and not at all emotionally taxing" :)
Limitations (-):
(first edition)
* It only covers the basics of d3 (which is not a limitation if you are new to d3, but if you are familiar with basics, you might be interested in the other book "d3.js in action".
* It doesn't do a good job of explaining the Layouts (only scratches the surface); I understand the second edition (recently released) provides more details.
* Because it's an introduction, covering the concepts and techniques is more important than using the real-world data, so the majority of examples are based on random data; that being said, you can easily apply what you learn to your own data!
if you are interested to buy this book, its 2nd edition, I understand, has newly been released! which according to Murray is 200 pages longer and has 3 new chapters!
[Some of the] Things you need to tweak so that the code works with version 4:
d3.scale.linear > d3.scaleLinear ; d3.scale.ordinal > d3.scaleBand; .RangeBand > .bandwidth
each() > on();
Positive (+):
* Regardless of your background and how familiar you are with HTML, CSS, and JavaScript, this book will be a great starting point in your exciting D3 journey!
* The book does a great job of familiarizing its readers with key concepts of d3; it walks you through it step by step.
* After reading this book, you'd be able to explore other d3's functionalities on your own!
* While this book is based on the version 3, all the material is applicable to version 4 too (see the end of the review)
* I enjoyed the examples and had a great time reading the book; here's how Murray introduces d3's transitions:
"Life transitions can be scary: the first day of school, moving to a new city, quitting your day job to do freelance data visualization full-time.But D3 transitions are fun, beautiful, and not at all emotionally taxing" :)
Limitations (-):
(first edition)
* It only covers the basics of d3 (which is not a limitation if you are new to d3, but if you are familiar with basics, you might be interested in the other book "d3.js in action".
* It doesn't do a good job of explaining the Layouts (only scratches the surface); I understand the second edition (recently released) provides more details.
* Because it's an introduction, covering the concepts and techniques is more important than using the real-world data, so the majority of examples are based on random data; that being said, you can easily apply what you learn to your own data!
if you are interested to buy this book, its 2nd edition, I understand, has newly been released! which according to Murray is 200 pages longer and has 3 new chapters!
[Some of the] Things you need to tweak so that the code works with version 4:
d3.scale.linear > d3.scaleLinear ; d3.scale.ordinal > d3.scaleBand; .RangeBand > .bandwidth
each() > on();
July 8, 2013
This is really a d3.js (Data Driven Documents) book, since the entire book is about using the d3 Javascript library for data visualization. For me, coming in with a background in data analysis but no practical Javascript background, this provided a good overview of many Javascript/web concepts required then the d3 library.
My background in data visualization is R (ggplot and lattice) and Python (Matplotlib). I find Excel too limiting and Matlab inflexible. But what I'm used to are descriptions of visualizations that are then implemented. d3 is different, it makes you specify the form of the visualization and makes you work at a very low level (which is what ggplot and Matplotlib are trying to avoid). But this provides room for great creativity, and learning how to do this is the point of this book.
This book does a good job of introducing enough of the background technologies of Javascript and the web to make d3.js useful. This was always the reason I never got around to actually using Javascript, I never learned all the things you needed to know to make it useful. For example, I now think I understand JSON well enough that I can see using it as a data store for data frames instead of CSV or SQLite or pickles (Python).
I come at this as someone who already does data analysis, but may need more ways of delivering the products of the analysis to others. And this has promise as a means of this delivery through a browser, which is already comfortable for most. And this book does a good job of working both the subject of d3.js and the web ecosystem that it is a part of to get to someplace useful.
Disclaimer: I received a free electronic copy of this book as part of the O'Reilly Blogger Program
My background in data visualization is R (ggplot and lattice) and Python (Matplotlib). I find Excel too limiting and Matlab inflexible. But what I'm used to are descriptions of visualizations that are then implemented. d3 is different, it makes you specify the form of the visualization and makes you work at a very low level (which is what ggplot and Matplotlib are trying to avoid). But this provides room for great creativity, and learning how to do this is the point of this book.
This book does a good job of introducing enough of the background technologies of Javascript and the web to make d3.js useful. This was always the reason I never got around to actually using Javascript, I never learned all the things you needed to know to make it useful. For example, I now think I understand JSON well enough that I can see using it as a data store for data frames instead of CSV or SQLite or pickles (Python).
I come at this as someone who already does data analysis, but may need more ways of delivering the products of the analysis to others. And this has promise as a means of this delivery through a browser, which is already comfortable for most. And this book does a good job of working both the subject of d3.js and the web ecosystem that it is a part of to get to someplace useful.
Disclaimer: I received a free electronic copy of this book as part of the O'Reilly Blogger Program
September 7, 2014
Awesome. Basically an intro, from the ground up, to d3.js - the powerful JavaScript library built by Mike Bostock for data visualization. I've been meaning to get good at d3 for a looong time. I now feel like it's somewhat possible. Great overview of the fundamentals, lots of calming encouragement, and - thanks to its links all over the place - an amazing resource.
FYI this book is an expansion and enrichment of Scott Murray's freely available d3 tutorials on his website. I'd say the tutorials form the skeleton of about 50% of the book. Still worth it, though, as (1) I need this shit offline, and (2) the final chapters are pretty mind-blowing (GeoJSON, where have you been all my life?), and (3) the walk-throughs of the existing stuff are more thorough.
On on on.
FYI this book is an expansion and enrichment of Scott Murray's freely available d3 tutorials on his website. I'd say the tutorials form the skeleton of about 50% of the book. Still worth it, though, as (1) I need this shit offline, and (2) the final chapters are pretty mind-blowing (GeoJSON, where have you been all my life?), and (3) the walk-throughs of the existing stuff are more thorough.
On on on.
May 5, 2022
Strongly mixed feelings on this one. For an initial, start-from-nothing intro to D3 and how http, CSS, and js interact I think it is good. However I find all the example visualizations in the book to be almost meaninglessly simple. There are very few examples of making visualizations after importing data, most examples use array data entered manually. D3's import functions are asynchronous (a detail the book emphasizes), yet there are few examples of using multiple import functions at once and how to structure nesting the import functions so the asynchrony doesn't ruin everything. Must frustrating is the fact that the code examples are all with an older version of D3. I found it a decent introduction but have not found it a sufficient resource for teaching me enough D3 to make the visualizations I am trying to make.
Read
October 22, 2019Read a big chunk of this for a class, and I now understand that JavaScript and D3 are devil-spawn. Whoever designed these tools clearly hates all of humanity. The book is fine but beware it uses an older version of D3.
July 23, 2014
Excellent on all counts. Highly recommended for anyone wanting to dig in to visualization on the web. Welcoming to beginners and no less useful to readers who know some already.
May 11, 2015
This is a very nice introduction to d3.js the Javascript framework for creating data visualizations. It also introduces HTML, CSS, SVG and Javascript, because to use d3.js prior knowledge in these technologies is mandatory. If you are new to HTML, CSS, SVG and Javascript I suggest you to first go through an introductory course like those that can be found here www.w3schools.com and then start with the book.
February 9, 2015
Decent intro to D3, but the folksy, aw-shucks-computers-are-weird tone – intended, I think, to make the book non-threatening to a less technical audience – mostly just come off as condescending and irritating.
Major lessons learned: however hard you think maps are to work with, multiply by ten.
Major lessons learned: however hard you think maps are to work with, multiply by ten.
July 11, 2016
Rad book. Yes it's online for free, and that is where I read it first. Loved it so much, that I wanted the whole thing. Re-reading it now and working on some other visualizations.
If you're into D3, this is a must have.
If you're into D3, this is a must have.
April 21, 2019
A surprisingly readable book considering how dry and dense a subject D3.js can be. This books serves very capably as both an introduction and a reference to the library. I'd recommend both this and Shirley Wu's Front End Masters workshops to get a full experience.
September 10, 2015
more beginners level
October 10, 2017
Great book on Data Visualization.
Note that you can find a free e-Book version at the publishers official website. URL: http://chimera.labs.oreilly.com/books...
Note that you can find a free e-Book version at the publishers official website. URL: http://chimera.labs.oreilly.com/books...
May 31, 2019
Good enough breadth/depth of information to use as a primary source. Will keeping looking for better as my particular interest (network graphs) didn't get much detail
September 9, 2019
Excelente (e até divertida!) introdução a D3.
May 15, 2017
Pretty good book to get started with D3.
I read it a while ago, but I'm finding the time to review it just now. D3 tends to be quite tricky to get into just from its site – just the size of the materials is overwhelming. Once you get the gist, it's pretty simple – it's a collection of small things that are easy to understand and learn as needed. But you still need a "big picture" intro and this book provides a good one. It covers how to do a few basic things with D3, which are enough to get you started. The pacing of the book is good and you can get the idea without doing the code examples (although it helps).
The only big downside of this book is that it is targeted to a very untechnical audience – it wastes about a third of its space to explain HTTP, HTML, CSS, JavaScript and SVG. Although the SVG refresher was useful, I struggle to believe that somebody new to the other stuff will manage to do anything with D3 just by reading this book.
The version covered is an older one, but that is fine – the things references in the book that have changed between v3 and v4 are not that many and the changes are mostly cosmetic.
I read it a while ago, but I'm finding the time to review it just now. D3 tends to be quite tricky to get into just from its site – just the size of the materials is overwhelming. Once you get the gist, it's pretty simple – it's a collection of small things that are easy to understand and learn as needed. But you still need a "big picture" intro and this book provides a good one. It covers how to do a few basic things with D3, which are enough to get you started. The pacing of the book is good and you can get the idea without doing the code examples (although it helps).
The only big downside of this book is that it is targeted to a very untechnical audience – it wastes about a third of its space to explain HTTP, HTML, CSS, JavaScript and SVG. Although the SVG refresher was useful, I struggle to believe that somebody new to the other stuff will manage to do anything with D3 just by reading this book.
The version covered is an older one, but that is fine – the things references in the book that have changed between v3 and v4 are not that many and the changes are mostly cosmetic.
September 4, 2018
This book is an excellent introduction to D3.js.
I've been trying to get into D3.js a couple of times over the years. Each time I've gotten stuck because getting started seemed too difficult. I could get something that sort of worked quickly because there are so many examples online but tweaking the example to fit my usage always caused me a lot of trouble.
This book doesn't give you a lot of fancy examples, but it does teach you the basics, and because of that, I am now able to tweak the existing examples. But even more importantly I now feel like I understand the basics well enough to dive deeper.
I plan to read "D3.js in action" by Elijah Meeks now, which should give a lot more detail on how everything works.
I've been trying to get into D3.js a couple of times over the years. Each time I've gotten stuck because getting started seemed too difficult. I could get something that sort of worked quickly because there are so many examples online but tweaking the example to fit my usage always caused me a lot of trouble.
This book doesn't give you a lot of fancy examples, but it does teach you the basics, and because of that, I am now able to tweak the existing examples. But even more importantly I now feel like I understand the basics well enough to dive deeper.
I plan to read "D3.js in action" by Elijah Meeks now, which should give a lot more detail on how everything works.
January 15, 2020
Great book for absolute beginners to d3.js as well as coding. The author explains every step in minutest of details. Starting from setup(which file to open, where to click etc) to why and where should you use d3, to all the necessary building blocks (like scales, axes, selections etc), to a little advance things like interactivity and basic transitions. It ends with listing plethora of resources to go to after finishing the book.
Author's love for the language and Visualisation is palpable throughout the book. Also just the right touch of humour kept things interesting.
It is clear that author had a fun time working on the language and writing the book, which also transfers to the reader.
Author's love for the language and Visualisation is palpable throughout the book. Also just the right touch of humour kept things interesting.
It is clear that author had a fun time working on the language and writing the book, which also transfers to the reader.
August 14, 2018
Nói sao nhỉ ? Nếu phải viết một cuốn sách nào dành cho người bắt đầu bất cứ thứ gì thì nên học theo Scott. Đơn giản, dễ hiểu và chi tiết. Điểm duy nhất mình không thích là phần cuối của sách tác giả vội quá. Thêm nữa nếu được, tác giả nên có một dự án bài tập lớn. Bài cuối có lẽ với mình không đủ phê.
Nói chung, là một quyển sách tuyệt vời để học D3 Version 4 (Version 5 thì phải google thêm vì một số cú pháp lệnh đã thay đổi).
Nói chung, là một quyển sách tuyệt vời để học D3 Version 4 (Version 5 thì phải google thêm vì một số cú pháp lệnh đã thay đổi).
November 20, 2018
This is a book on programming that does a much better job at the book part than others I've seen. Murray gives a great basic overview of D3 - how to use it and some of the cool things of which D3 is capable. The chosen audience is people who need a little more explanation of the code, but with all the screenshots and code excerpts, one can scan through the parts they understand and dig deeper to find explanations where needed.
May 14, 2018
Very accessible and well-written book on D3 visualization framework. Examples are easy to follow and explain the concepts well. I've kind of thought that D3 is pretty verbose and too low level for things like charts. However, after reading this book I appreciate the flexibility that the framework gives you.
June 4, 2018
Fun, very readable, conversational tone and yet still manages to cover some of the formal semantics of the underlying languages. Sometimes :)
Now slightly out of date, as d3 v5 came out, but still a fun, informative book. Highly recommended if you want to start dipping your toes into data visualization :)
Now slightly out of date, as d3 v5 came out, but still a fun, informative book. Highly recommended if you want to start dipping your toes into data visualization :)
June 21, 2017
Great book, it's well written, easily to follow and the authors enthusiasm is contagious. I could easily recommend this as a get started coding book or to an experienced coder looking to get started with D3. 👌
October 23, 2017
Nice quick D3 intro. Enough to get you started doing something on your own. Intended for full js/svg/css/html beginners. The free online version is a bit outdated though, some examples don't work in v4.
June 13, 2025
Brilliant book! Use ChatGPT to get the same codes explained in the book for the D3 V7.
This is my first project using learnings from this book: https://urbanemissionsinfo.github.io/...
This is my first project using learnings from this book: https://urbanemissionsinfo.github.io/...
October 11, 2018
A great book for a D3 introduction. The concepts are explained very simple and most of the jokes are really good 😂.
January 9, 2021
If someone is looking to learn d3.js, reading through this book is the best way to get started!
May 24, 2025
Back in 2019, I developed a tool to visualize Helm charts using D3 and this book was a valuable assist.
Read
June 20, 2025I like physical books to give me some structure with learning new stuff. I picked this up at the libary after skimming https://www.d3indepth.com/ and interogating chatbots at lengts, and I don't believe there was much beyond the intro I got in the book -- turns out that 250ish pages doesn't give you much room for depth in a code- and figure-rich text. However, I am not holding this against the book -- it is still a fine introduction to the library. The tone is a bit too whimsical for my taste at points, but it doesn't distract.
I picked up the wrong edition at the library, so along with the library itself, I got a blast-from-the-2013-past from when I first forayed into webdev. AFAIK most of the info from the edition still applies to D3 as of 2025, with the notable exception of .enter() .update() and .exit() being simplified into .join().
I picked up the wrong edition at the library, so along with the library itself, I got a blast-from-the-2013-past from when I first forayed into webdev. AFAIK most of the info from the edition still applies to D3 as of 2025, with the notable exception of .enter() .update() and .exit() being simplified into .join().
March 21, 2017
An excellent primer.
Displaying 1 - 30 of 60 reviews