Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit -General update pattern

Public visualization

Viewing a saved revision (read-only)

cd0f6bf815ab4368b8b510abcd7ac853

Bowl of Fruit -General update pattern

0 stars2🌍 Public
SSamuel Elbaz
Last edited Nov 25, 2019
Created on Nov 18, 2019
Forked from Lets Make a Face

Five fruit circles animate in and out of an SVG bowl using the D3.js general update pattern. The example demonstrates enter, update, and exit selections with `selectAll`, `data`, and `.merge`, styling apples red and lemons yellow via `scaleOrdinal`. Fruits are removed, replaced, or deleted over time in `index.js` using a random `id` key, while `transition().duration(1000)` animates radius and position changes through the shared `fruitBowl` function.

AI-generated description

An example including some commonly used features of SVG.