SVGs beyond mere shapes
summary
Uses D3 with JS and CSS to show exact techniques and working code: building data-driven radial gradients for planets and stars, appending per-element gradients for chord links (Avengers) and legends, animating animated linear gradients for flows and a focus+context baby‑names selector, and applying filters that create glow, motion blur and a gooey SVG filter. Demonstrations include a heatmap legend, a radial weather chart, a “Bad” circular Sankey, and an annotated Minard recreation where 422,000 men start and only 10,000 return.
AI-written summary · about
chapters (15)
- 0:00Start
- 0:56Data Visualization Designer
- 3:07Color Legend
- 4:45Linear Gradient Element
- 7:26Heat Map
- 8:57Radial Gradient
- 10:15Hertz from Rustled Diagram
- 12:37Gradient
- 15:33Focus and Contacts Technique
- 20:36Leaving svg Gradients Behind
- 20:52Creating a Filter
- 21:19Filter Style
- 22:34Motion Blur
- 24:09The Gooey Effect
- 26:07Color Building
