Introduction to D3.js with Shirley Wu

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=rQroxWLZiCo



Duration: 1:56:14
52,676 views
1,268


Linode $20 free credit https://linode.com/codingtrain (or code “CODINGTRAIN20”)

Shirley Wu is an award-winning creative focused on data-driven art and visualizations. She has worked with clients such as Google, The Guardian, SFMOMA, and NBC Universal to develop custom, highly interactive data visualizations. She combines her love of art, math, and code into colorful, compelling narratives that push the boundaries of the web.

Her work can be found at http://sxywu.com.

💻 https://thecodingtrain.com/CodingChallenges/
💻 https://editor.p5js.org/codingtrain/sketches/

🚂 Website: http://thecodingtrain.com/
💖 Patreon: https://patreon.com/codingtrain
🛒 Store: https://www.designbyhumans.com/shop/codingtrain/
📚 Books: https://www.amazon.com/shop/thecodingtrain

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org

0:00 Start!
5:38 Introduction
13:34 Introducing Shirley Wu
19:10 Film Flowers
25:30 SVG Paths
34:49 Drawing a Petal With SVG Commands
47:06 Using D3.js
52:36 Importing Data To Observable
56:06 Linode (*Sponsor)
58:38 Break
1:03:08 Start Coding
1:31:53 D3 enter-update-exit
1:40:08 Visualizing The Data as Flowers
1:54:57 Conclusions and Goodbyes