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)

0b2b6208eaed40eb8fec6187bf634956

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.