D3 + JavaScript Tooling's Not (Just) For Unicorns

A horrible introduction to using modern JavaScript tooling with D3

 
 

Table of Contents

Hey there! Welcome to D3 + JavaScript Tooling's Not (Just) For Unicorns, a horrible introduction to using D3 with modern JavaScript tooling.

I'm Soma, and I'm writing D3+JSTN(J)4U because I wanted to give some of my irl students a head start on my class, but every D3/webpack style intro I could find was just painful. I still have a lot to add to this one, but hey, that's life. Enjoy!

Table of Contents

  1. Introduction
  2. Why use tooling?
  3. Hello node
  4. Meeting npm
  5. Installing eslint
  6. Dependencies
  7. node_modules and eslint
  8. Running NPM scripts
  9. Getting Prettier
  10. Linting in your editor
  11. Interlude - What have we learned?
  12. Separating our variables
  13. Build tools
  14. Hot Module Replacement
  15. External files and Parcel
  16. Building for keeps