🌍 Public
Viewing a saved revision (read-only)
57ed30a00db74fb8ac600c32b22b5a1a
Bowl of Fruit General Update Pattern
Circles representing fruit in a bowl animate shape and color as their type changes, and disappear when removed. It demonstrates the D3 general update pattern using `selection.data`, `enter`, `merge`, and `exit` transitions over one second. The React-based example uses `scaleOrdinal` for color and radius, with `transition.attr` to tween circle positions and radii. Data mutations occur on a timer, and clicking a circle logs its ID via an `onClick` handler.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.