Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Animated Transitions

Public visualization

Viewing a saved revision (read-only)

995d8dee2f20400e96b2c9ccc4dea0a7

Bowl of Fruit - Animated Transitions

0 stars1🌍 Public
Vveagy
Last edited Sep 18, 2018
Created on Sep 18, 2018

Five apples sit in a silver bowl. Over four seconds, the apples disappear one at a time, and one turns into a lemon, with each change animated by shrinking or recoloring the fruit circles. The example uses d3’s `selectAll`, `transition`, and `scaleOrdinal` APIs to map fruit type to color and radius. Fruit data is generated in JavaScript with `range` and `Math.random()`, and the SVG rendering updates through the custom `fruitBowl` export.

AI-generated description