Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fruit bowl

Public visualization

Viewing a saved revision (read-only)

00d6c639aa6841728cffd1488e8a10c1

fruit bowl

0 stars1🌍 Public
Ssagarknt97
Last edited May 22, 2020
Created on May 19, 2020
Forked from HTML Starter

A fruit bowl visualization uses D3 v5 and React to display an animated collection of circles representing apples and lemons in an SVG. The data array changes over time as fruits are eaten, replaced, or removed, triggering smooth 1000ms transitions via `transition()` and `duration()`. A `scaleOrdinal` maps fruit types to colors (red for apples, green for lemons) and radii (50 for apples, 30 for lemons). The `enter`, `merge`, and `exit` selections manage circle updates, with exiting fruits shrinking to zero radius before removal.

AI-generated description

A bare minimum HTML page.

See also React Starter.