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 stars1🌍 Public
SSamuel Elbaz
Last edited Dec 11, 2019
Created on Nov 25, 2019

Five circles representing apples shrink and disappear from an SVG bowl as a timer updates the underlying data array. The example demonstrates d3's general update pattern with data joins, entering, updating, and exiting selections. Using `scaleOrdinal` for color and radius mapping, the code renders each fruit as a circle with a text label. The visualization cycles through removing an apple, changing an apple to a lemon, and filtering a fruit, showing how the DOM responds to changes in the `fruits` data.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed