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)

d71b92758de14944b1f8b0bac7325b5b

Bowl of Fruit General Update Pattern

0 stars3🌍 Public
MModalMBS
Last edited Sep 28, 2020
Created on Sep 22, 2020
Forked from Let's make a face

A bowl of fruit updates dynamically as apples, lemons, and limes appear, change type, and disappear over timed intervals. The visualization uses d3.scaleOrdinal to map fruit types to colors and radius sizes, while the general update pattern joins data to SVG circles via selection.data, merging enter and update selections, and animating exit transitions with d3.transition. Built with React and d3.v6, the state changes are triggered by setTimeout calls that modify the fruits array.

AI-generated description

A bare minimum HTML page.

See also React Starter.