A Note on the Updates

These are Scott Murray's D3 tutorials (see originals), updated to D3 v7 by Olivia Vane in March 2022.

The changes are minimal. The main updates are new scale and axes syntax and switching .enter().append() for .join(). (.enter().append() still works, but is not the recommended pattern now). I have also added a small number of additions to the text to reflect changes to D3, JavaScript, browser tools etc. My additions are marked like this.

Or like this.

Thank you to Scott for creating these tutorials. They are a resource I and many others have found very helpful. I hope sharing this update will also be useful for others.

Olivia

D3 Tutorials

  1. About these tutorials
  2. Fundamentals
  3. Setup
  4. Adding elements
  5. Chaining methods
  6. Binding data
  7. Using your data
  8. Drawing divs
  9. The power of data()
  10. An SVG primer
  11. Drawing SVGs
  12. Types of data
  13. Making a bar chart
  14. Making a scatterplot
  15. Scales
  16. Axes
  17. Transitions