Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruits: General Update Pattern

Public visualization

Viewing a saved revision (read-only)

aaa6480a322b4f86b93cd76e87b74d2b

Bowl of Fruits: General Update Pattern

0 stars1🌍 Public
Ppeterjchan
Last edited Mar 30, 2020
Created on Mar 28, 2020

Five fruit circles enter the SVG and gradually expand, showing the general update pattern for data joins. The code uses a `d3.ordinal` scale for color and radius, mapping apple and lemon types, while `selection.data()` with an id key, `.enter()`, `.merge()`, and `.exit()` manage transitions. Timed updates remove apples, change one to a lemon, and filter another, all animating over 1-second durations. The example relies on d3.v5 and SVG transitions.

AI-generated description