Learn how to create beautiful, interactive, browser-based data visualizations with the D3 JavaScript library.

This hands-on book shows you how to use a combination of JavaScript and SVG to build everything from simple bar charts to complex infographics. You’ll learn how to use basic D3 tools by building visualizations based on real data from the New York Metropolitan Transit Authority.

Using data to create visualizations

Using historical tables, geographical information, and other data, you’ll graph bus breakdowns and accidents and the percentage of subway trains running on time, among other examples. By the end of the book, you’ll be prepared to build your own web-based data visualizations with D3.

Key techniques covered

• Join a dataset with elements of a webpage, and modify the elements based on the data
• Map data values onto pixels and colors with D3’s scale objects
• Apply axis and line generators to simplify aspects of building visualizations
• Create a simple UI that allows users to investigate and compare data
• Use D3 transitions in your UI to animate important aspects of the data
• Get an introduction to D3 layout tools for building more sophisticated visualizations

Who this book is for

If you can code and manipulate data, and know how to work with JavaScript and SVG, this book is for you.