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)

c5311d48dbf442f281998cbb47093832

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