Visualising Enterprise Data with D3

on YouTube ↗21m

" summary

Claim: add visualisations once datasets exceed more than a hundred rows because users reach insight faster. Uses D3 to build a small app with a left raw grid and right charts, fed by Olympic medals 2000–2012, showing Michael Phelps with 22 medals and the US dominating golds (about triple others). Demonstrates D3 mechanics: enter selection to create missing DOM elements and three scales (ordinal, band, linear scale), code runs and produces the described charts.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:26Data is king
3. 3:39Example
4. 6:28What is Visualization
5. 7:23Grid Component
6. 12:15Selection
7. 12:30D3 Code
8. 14:58DOM Items
9. 18:52Band Scales Code
10. 19:28Linear Scales Code
11. 20:41Outro

" related talks

• 22mVisualising Enterprise Data with Angular & d3Sean Landsman · ngVikings 2018
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 34mVisualising Multi Dimensional DataAmit Kapoor · The Fifth Elephant 2015
• 47mData Sketches: a year of exotic data visualizationsNadieh Bremer · CSS Day + UX Special 2018
• 43mData Sketches | A year of exotic data visualizationsNadieh Bremer · Render Conference 2018
• 42mData visualizations on the webShirley Wu · Cold Front 2018
• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019
• 42mData Sketches: A Year of Exotic Data VisualisationsNadieh Bremer · Beyond Tellerrand Munich 2018