Platform
Docs
Resources
Blog
Pricing
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 ✨
Workspace
Fork
Public
Workshop: Introduction to D3.js
By
Shirley Wu
Edited
20 forks
Importers
11 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
More from Observable creators