Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Click to select

Public visualization

Bowl of Fruit - Click to select

0 stars0🌍 Public
Fforeverworld1879
Last edited Mar 15, 2020
Created on Mar 15, 2020

A bowl of fruit animates as apples shrink and disappear, one apple morphs into a lemon, and another apple is removed entirely, with each change triggered by scripted timeouts. The visualization uses D3 v5's `select`, `scaleOrdinal`, and `.transition()` API to smoothly interpolate circle radii, fill colors, and group transforms over one-second durations. The custom `fruitBowl` function handles enter, update, and exit states for both circle and text elements, while a pink rectangle serves as the bowl. Fruit position and radius depend on index and type, encoded through ordinal scales for color and size.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed