Data, Design, Code with Shirley Wu

on YouTube ↗42m

" summary

Shows how a Hamilton lyrics dataset is built by manual transcription of every line, how 4,000 travel photos yield 20,000 color swatches and how a Guardian US investigation supplies 20,000 homeless relocation records including ~10,000 San Francisco bus tickets. Describes concrete visualizations (arc flights, flower glyphs), the live‑coded area chart over 98 movies with a brushing filter that drops to ~45, and the technical stack: d3 modules for scales and shapes combined with view and GreenSock for fewer lines of code and smooth animation.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to Data Vis
2. 2:01Data gathering and insights
3. 6:18Design and exploration
4. 11:18Metaphor and engagement
5. 17:25Web data visualization
6. 23:48Live coding with D3 and Vue

" related talks

• 47mData, Design, CodeShirley Wu · beyond tellerrand Düsseldorf 2019
• 41mData, Design, CodeShirley Wu · WeAreDevelopers World Congress 2019
• 47mData Sketches: a year of exotic data visualizationsNadieh Bremer · CSS Day + UX Special 2018
• 43mData Sketches | A year of exotic data visualizationsNadieh Bremer · Render Conference 2018
• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 05mThe Art of Data VisualizationDavid Holoboff · O'Reilly MySQL Conference & Expo 2011
• 42mData Sketches: A Year of Exotic Data VisualisationsNadieh Bremer · Beyond Tellerrand Munich 2018
• 31mdata sketch|es: A Visualization a MonthShirley Wu · CSS Conf EU 2017