Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bowl of Fruit - Animated Transitions

Public visualization

Viewing a saved revision (read-only)

f15e8d6928914255af27752c3e3c524b

Fork of Bowl of Fruit - Animated Transitions

0 stars0🌍 Public
KKaveri Biswas
Last edited Sep 16, 2022
Created on Sep 16, 2022

Rows of fruit circles animate between states as apples are eaten and one apple transforms into a lemon. The example demonstrates data joins with a key function, using transitions to smoothly interpolate circle radii and x positions over one second. It builds on the `fruitBowl` module, which applies ordinal color and radius scales, while `setTimeout` triggers state changes every second. Rendering uses SVG circles, with D3 v5's selection, data, and transition APIs driving the animation.

AI-generated description