Battle for the DOM: D3 vs. React
summary
Declares DOM control belongs to React while D3 provides data tools, shows concrete examples: bar charts, line charts and a hex map built for The New Yorker midterms project, with code moving from heavy D3 DOM ops to tiny React-rendered components using D3 scales line and area generators and time parsing. Notes a performance test by Amelia Wattenberger favoring D3-as-utility plus React rendering, describes wrapping an SVG ref for legacy code and what actually works on deadline.
AI-written summary · about
chapters (7)
- 0:00Introduction and background
- 2:24Working with D3 and vanilla JS
- 8:11The React transition
- 12:20Learning React for data vis
- 14:06Bar chart implementation
- 17:57D3 as a utility
- 20:06Refactoring and conclusion
