Looking to build out a website for Jason’s fantasy basketball dataset, for funsies. He’s been building using Power BI, and my gut reaction tells me there could be better, more fun tools to use than a Microsoft tool (showing bias here).

Good opportunity to spend a Sunday learning D3, after holding off for like, 15 years.


General guide to build a data visualization:

  1. Build structure (HTML + CSS + SVGs for graphics)
  2. Automate HTML using Javascript
  3. Add D3.js
  • Seems like it’s possible to add data visualizations using vanilla JS, but it’s more tedious to work through SVGs because you have to do a bunch of loops and data arrays, then append them to the SVG in HTML — which is what all of D3.js simplifies

https://d3js.org/