Product
Learn
Community
Pricing
Search
Sign in
Sign up
Shirley Wu
Award-winning creative focused on data-driven art and visualizations, trying to push the boundaries of the web one visual story at a time ✨
Fork
Published
5 collections
By
Shirley Wu
Edited
30 forks
343 Likes
1
Workshop: Introduction to D3.js
Introduction to SVG and D3.js
1. Draw a flower petal on the screen
2. Select existing petal(s) and bind movie data
3. Create a petal for each movie
4. Size each petal based on its movie's rating
5. Turn petals into flowers for each movie
6. Add filter by options
7. Position film flowers by the genres they share
Workshop Utility Functions
Also listed in…
Featured creators
Ambassadors Showcase
Top 10 Liked notebooks created by the community in 2020
Top 10 Most Viewed Notebooks in 2020
More from Observable creators