Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruits: General Update Pattern

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed