Visual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
summary
Argues that D3 is not a charting library but a data‑driven documents toolkit that trades ease for full control, using DOM manipulation plus SVG to build everything from 538’s Senate histogram and a flight‑delay lookup to interactive World Cup maps. Demonstrates the three‑phase data join enter update exit, shows d3.nest to create small‑multiples and uses linear scales map data to pixels. Examples are production‑ready and reproducible; code and Blocks-based demos back the claims.
AI-written summary · about
chapters (12)
- 0:00Introduction to talk
- 1:47What is D3.js
- 4:12D3 vs charting libraries
- 7:01DOM and data joins
- 13:26Updating and removing elements
- 15:55Enter update exit phases
- 18:06SVG for shapes and charts
- 21:25Using scales in D3
- 23:55D3 examples and power
- 27:30Resources for learning D3
- 31:55Data nesting trick
- 39:40Q&A session
related talks
51mD3 js: Easy and flexible data visualisation using Web standards
28mGetting Started with D3.js
24mBeyond the bar graph: Creative visualization with D3.js
42mIntroduction to d3 and Data-Driven Charts
35mCreate Amazing Data Visualization with D3.js
15mThe Future of Data Visualization on the Web
32mD3 and React, Together
49mCreating Interactive Visualizations with D3.js and React