Data, Design, Code
summary
Shows concrete work and tools: d3 + Vue + GreenSock for scales shapes brushing and animation, SVG paths and cubic Bézier curves for custom shapes. Demonstrates building an interactive Hamilton lyrics explorer, a 20,000-point Guardian dataset about cities busing homeless people (San Francisco buses >10,000 people, New York flights overseas), a 4,000-photo color study, and a physical installation prototype about 51 women Nobel laureates (two decades with no women). Includes what was coded, how it was visualized, and what actually works.
AI-written summary · about
chapters (14)
- 0:00Intro
- 0:38Background
- 2:04Data Visualization
- 4:27Data Entry
- 5:48Data Exploration
- 10:34Visual Metaphors
- 14:38New York
- 20:31Data Visualizations
- 31:34SVG Paths
- 32:48Brush Interaction
- 38:27Animation
- 40:20Future Goals
- 41:42Immersive Interactive
- 42:51Legends
related talks
41mData, Design, Code
42mData, Design, Code with Shirley Wu
29m"Hand Coded Artisanal Data-Visualization"
12mBattle-Tested Techniques for Animation & Data Viz
51mD3 js: Easy and flexible data visualisation using Web standards
26m"Where Numbers Meet Art: Building Data Visualizations In The Modern Web"
48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScript
01h 30mCreating responsive data visualisations