Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruits - singular + transition

Public visualization

Bowl of fruits - singular + transition

0 stars1🌍 Public
Aaxliao
Last edited Jul 14, 2019
Created on Jul 13, 2019

A bowl of fruits uses a small animated data set, initially five apples, to demonstrate singular selection and transitions in D3.js. Over time, the code removes fruits, changes an apple to a lemon, and filters out another item, using a key function on random IDs to track elements. The visualization renders a fixed bowl shape and animates circle radii and positions via `transition().duration(1000)`, applying ordinal color and radius scales (`scaleOrdinal`) to distinguish fruit types.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed