Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW Bowl of Fruit - General Update Pattern Special Cases

Public visualization

Viewing a saved revision (read-only)

9cfa1e6c5e144e7087b20a0221bdc0fd

HW Bowl of Fruit - General Update Pattern Special Cases

0 stars0🌍 Public
YYF
Last edited Oct 30, 2018
Created on Sep 18, 2018

This example demonstrates the d3 general update pattern’s special cases, using a bowl of fruit to show what happens when data entries are removed, replaced, or reordered. Animated transitions shrink and fade out exiting circles and text, while entering elements are drawn at their new positions. The code relies on d3’s `select`, `scaleOrdinal`, and `transition` APIs, with SVG rendering and pre-set timeouts driving the sequence. The fruit types are encoded by color and radius, with text labels showing type names, all within a static bowl-shaped rectangle.

AI-generated description