Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fruitbowl_dyn

Public visualization

Fruitbowl_dyn

0 stars0🌍 Public
Mmachetenwueter
Last edited Nov 19, 2020
Created on Oct 27, 2020

A dynamic fruit bowl visualization tracks a small dataset of apples and lemons as it changes over time. The example uses D3 v5 with a custom `fruitBowl` component and SVG animation, leveraging `transition` and `merge` operations for smooth updates. Fruits are represented as colored circles with a scaleOrdinal color mapping, and each state change—adding, removing, or replacing fruit—triggers animated transitions in position, radius, and text opacity. The underlying data is generated programmatically in `index.js` using `range` and `Math.random`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed