How to learn D3.js

So, you want to create amazing data visualizations on the web and you keep hearing about D3.js. But what is D3.js, and how can you learn it? Let’s start with the question: What is D3?

While it might seem like D3.js is an all-encompassing framework, it’s really just a collection of small modules. Here are all of the modules: each is visualized as a circle - larger circles are modules with larger file sizes.

Wow! This is really overwhelming to see all of these packages at once.

Let's talk about specific modules, grouped by function.

  • Intro
  • Grabbing data
  • Manipulating data
  • Manipulating the DOM
  • Drawing SVG shapes
  • Converting data to the physical domain
  • Dealing with colors
  • Dealing with datetimes
  • Animation
  • Maps and globes
  • Specific visualizations
  • Resources
Up next

Grabbing data