Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit

Public visualization

Bowl of Fruit

0 stars2🌍 Public
Ccacho2294
Last edited Apr 8, 2020
Created on Mar 24, 2020

A bowl of fruit animates through a sequence of five apples that shrink, change type, and disappear over time. The visualization demonstrates how SVG circle elements are added, updated, and removed using D3's enter, merge, and exit selections. Each fruit's color and radius come from `scaleOrdinal` color and size scales, while a `transition().duration(1000)` animates the circles' growth, movement, and removal. The React app drives the state changes through timed `setTimeout` calls, and the `fruitBowl` function handles the animated rendering.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed