Data-Driven Documents (d3.js) is a JavaScript visualization library used to create interactive visuals for web browsers.

Data-Driven Documents (d3.js) logo.

d3.js tutorials

d3.js has a steep learning curve so it is a good idea to read several tutorials before diving in and trying to create your own visualization from scratch.

Charts with d3.js

D3 ecosystem

  • The trouble with D3 is not a tutorial but it's an important read because it discusses why D3 can be very difficult to learn: the learning curve depends on your background. If you are a front-end developer you will likely have the easiest time if you already understand JavaScript, SVG and the browser Document Object Model (DOM). Non-technical designers and analysts typically have the hardest time with using D3 because the not only have to learn the tool itself but all the concepts and web browser technologies that it is built upon.

  • This visualization of d3.js modules and resources is a wonderful map for understanding how various parts of the library and the ecosystem fit together. The visual provides a useful map for where to concentrate your learning depending on what type of visualization you are working to build.

  • D3.js in Action, Second Edition is partially an announcement for the authors book but also contains good context for who uses D3 and why its usage continues to grow.

What else would you like to learn about Python and data?

Tell me about standard relational databases.

What're these NoSQL data stores hipster developers keep talking about?

Why is Python a good programming language to use?

Matt Makai 2012-2022