Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FruitBowl Example

Public visualization

Viewing a saved revision (read-only)

d63889b7570a4a0d82e1d6a143ce866a

FruitBowl Example

1 star1🌍 Public
LLex
Last edited Mar 19, 2020
Created on Mar 19, 2020

Five circles representing apples appear in a row, then transition through a sequence of updates: one fruit is removed, a middle apple changes into a lemon, and another circle exits, all with smooth one-second animations. The example uses D3 v5 with `scaleOrdinal` for color and radius mapping, plus `selection.enter`, `merge`, and `exit` with `transition` and `attr` to animate circle positions and sizes. Data is generated with `range` and `Math.random` IDs, rendered as SVG in a fixed 960×500 viewport.

AI-generated description