Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - General Update Pattern

Public visualization

Bowl of Fruit - General Update Pattern

0 stars3🌍 Public
Eegrebing
Last edited Sep 23, 2020
Created on Sep 22, 2020

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 description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed