Create stunning web-based data visualizations with D3.js.

This totally-revised new edition of D3.js in Action guides you from simple charts to powerful interactive graphics. Chapter-by-chapter you’ll assemble an impressive portfolio of visualizations—including intricate networks, maps, and even a complete customized visualization layout. Plus, you'll learn best practices for building interactive graphics, animations, and integrating your work into frontend development frameworks like React and Svelte.

In D3.js in Action, Third Edition you will learn how to:

• Set up a local development environment for D3
• Include D3 in web development projects, including Node-based web apps
• Select and append DOM elements
• Size and position elements on screen
• Assemble components and layouts into creative data visualizations

D3.js in Action, Third Edition has been extensively revised for D3.js version 7, and modern best practices for web visualizations. Its brand new chapters dive into interactive visualizations, cover responsiveness for dataviz, and show you how you can improve accessibility.

Foreword by Andy Kirk.

About the technology

With D3.js, you can create sophisticated infographics, charts, and interactive data visualizations using standard frontend tools like JavaScript, HTML, and CSS. Granting D3 its VIS Test of Time award, the IEEE credited this powerful library for bringing data visualization to the mainstream. You’ll be blown away by how beautiful your results can be!

About the book

D3.js in Action, Third Edition is a roadmap for creating brilliant and beautiful visualizations with D3.js. Like a gentle mentor, it guides you from basic charts all the way to advanced interactive visualizations like networks and maps. You’ll learn to build graphics, create animations, and set up mobile-friendly responsiveness. Each chapter contains a complete data visualization project to put your new skills into action.

What's inside

• Fully revised for D3.js v7
• Includes 12 complete projects
• Create data visualizations with SVG and canvas
• Combine D3 with React, Svelte, and Angular

About the reader

For web developers with HTML, CSS, and JavaScript skills.

The technical editor on this book was Jon Borgman.

Table of Contents

PART 1

1 An introduction to D3.js

2 Manipulating the DOM

3 Working with data

4 Drawing lines, curves, and arcs

5 Pie and stack layouts

6 Visualizing distributions

PART 2

7 Interactive visualizations

8 Integrating D3 in a frontend framework

9 Responsive visualizations

10 Accessible visualizations

PART 3

11 Hierarchical visualizations

12 Network visualizations

13 Geospatial information visualizations

PART 4

14 Creating a custom visualization

15 Rendering visualizations with Canvas

Appendix A

Appendix B

Appendix C

Appendix D

Appendix E

About the Author

Elijah Meeks is a co-founder and Chief Innovation Officer of Noteable, a startup focused on evolving how we analyze and communicate data. He is known for his pioneering work while at Stanford, where he was the technical lead for acclaimed works like ORBIS and Kindred Britain, as well as being Netflix's first Senior Data Visualization Engineer.

Anne-Marie Dufour is a data visualization developer with a background in computation fluid dynamics and mechanical engineering. She loves breaking down complex subjects into digestible and applicable bits.