Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - General Update Pattern

Public visualization

Viewing a saved revision (read-only)

42d5c79539c149e8b9bbef6038adcc24

Bowl of Fruit - General Update Pattern

0 stars1🌍 Public
Ffernandotsurukawa
Last edited Oct 11, 2019
Created on Oct 11, 2019

A fruit bowl demonstrates the General Update Pattern for data joins. Apples and lemons enter, update, and exit with smooth transitions, changing shape, color, or position. The example uses d3-selection’s `data()`, `enter()`, `merge()`, and `exit()` methods, with `transition().duration()` animating circle radii and fills. A d3.scaleOrdinal maps fruit types to colors and sizes, while an SVG rect forms the bowl.

AI-generated description