Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Animated Transitions

Public visualization

Bowl of Fruit - Animated Transitions

0 stars0🌍 Public
CChenluWang96
Last edited Mar 10, 2020
Created on Mar 10, 2020

Five apples in a row transition into a changing fruit bowl as a timer script removes fruits and swaps one apple for a lemon. The D3 v5 code uses a custom `fruitBowl` function with data joins and `transition().duration(1000)` to animate circle radius, position, and fill color via ordinal color and radius scales. SVG circles enter at radius zero and exit by shrinking, creating smooth morphing effects.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed