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)

cea2be35a51c4665a8ea2324db3cd346

Bowl of Fruit - General Update Pattern

0 stars0🌍 Public
BbeauMarko
Last edited Sep 30, 2020
Created on Sep 29, 2020

Apples and lemons sit in a brown bowl, demonstrating the general update pattern as fruit is added, removed, or changed over time. The React component uses a D3 selection with enter, update, and exit phases to manage SVG circles and text labels, scaling their radius and color via `scaleOrdinal`. Timed intervals trigger dataset mutations, such as eating an apple or replacing one with a lemon, while the bowl’s rectangle remains static. This example visualizes data binding and state transitions in a lightweight, interactive scene.

AI-generated description

A bare minimum HTML page.

See also React Starter.