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)

dbee3c35146846dd961710a6fea4ca8a

Bowl of Fruit - General Update Pattern

0 stars1🌍 Public
Aanuj1450
Last edited Nov 3, 2020
Created on Nov 3, 2020

Five fruits—apples and a lemon—sit in a row, animating in and out of a bowl. The example demonstrates the general update pattern: entering circles scale up from radius zero, exiting circles shrink to zero, and the one changed apple transitions into a lemon with a new color and radius. Built with d3.v6 and the `select`, `scaleOrdinal`, and `.transition().duration()` API, the SVG circles are driven by a `fruitBowl` function that handles enter, merge, and exit states.

AI-generated description