Data visualizations on the web
summary
Claims that D3.js with React and Vue removes the friction of enter/update/exit by letting the framework handle DOM updates and keeps D3 for scales, layouts and generators. Builds a custom visualization of the top‑10 blockbuster movies per year (two decades): histograms, scatter, and stacked curved area generator curves for each film, plus brush filters wired to the histograms. Finds Metascores cluster 40–80, box office peaks May–July and Nov–Dec, and examples like Star Wars ≈$1B and Avatar ≈$850M; live demo ultimately works.
AI-written summary · about
chapters (6)
- 0:00Start
- 2:40Enter Update Exit Pattern
- 12:31Marks and Channels
- 15:09D3 Area Generator
- 17:13Calculate the X Scale
- 21:03Generate the Path
related talks
21mData Visualizations with React + D3
15mThe Future of Data Visualization on the Web
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
32mD3 and React, Together
01h 55mUse your data to tell stories
21mVisualising Enterprise Data with D3
43mThe Future of Data Visualization on the Web
51mD3 js: Easy and flexible data visualisation using Web standards