Filter
None
Sort
Last updated
Observable
Shirley Wu
@sxywu
Award-winning creative focused on data-driven art and visualizations, trying to push the boundaries of the web one visual story at a time ✨
Sign in
Workshop: Introduction to D3.js | Shirley Wu | Observable
Workshop: Introduction to D3.js | Shirley Wu | Observable
Workshop: Introduction to D3.js
Public
New
Learn how to work with SVG and foundational D3 concepts by creating a fun data visualization! To access the full workshop, including video lessons, join Frontend Masters: https://frontendmasters.com/courses/d3/
Filter
None
Sort
Published
44
3
2. Select existing petal(s) and bind movie data
Shirley Wu
Jun 22, 2022
35
13
3. Create a petal for each movie
Shirley Wu
Mar 25, 2021
15
4
4. Size each petal based on its movie's rating
Shirley Wu
Jun 22, 2022
15
Workshop Utility Functions
Shirley Wu
May 24, 2023
12
5. Turn petals into flowers for each movie
Shirley Wu
Mar 25, 2021
22
6
Introduction to SVG and D3.js
Shirley Wu
Mar 25, 2021
363
4
1. Draw a flower petal on the screen
Shirley Wu
Jun 22, 2022
98
7
6. Add filter by options
Shirley Wu
Mar 25, 2021
21
7. Position film flowers by the genres they share
Shirley Wu
Feb 3, 2023
13
2
