🌍 Public
Viewing a saved revision (read-only)
fbcc88b1350646998df455411af5006a
Bowl of Fruit - General Update Pattern
This example demonstrates the general update pattern in D3, showing how a data set of apples and lemons is rendered as SVG circles and animated when items are added, removed, or changed. It uses `d3.scaleOrdinal` to map fruit types to colors and radii, and `d3.select` with chained `enter`, `merge`, and `exit` methods to transition circles smoothly. Animations are driven by `transition().duration(1000)` and triggered via `setTimeout`, while the data join keys on each fruit’s random `id`.
AI-generated descriptionAn example including some commonly used features of SVG.