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)

44ca0338e526428abf7178b79a808e8d

Bowl of Fruit - Animated Transitions

0 stars1🌍 Public
Yyejichun@naver.com
Last edited Jul 28, 2021
Created on Jul 28, 2021

Fruit icons transition smoothly between enter, update, and exit states as apples are eaten and one apple changes into a lemon. The visualization demonstrates d3's data join pattern with key-based binding, using `selection.enter()`, `selection.merge()`, and `selection.exit()` to manage SVG circles. Each state change triggers a 1000ms `transition()` that animates the circles' radii, positions, and fill colors, with colors and sizes derived from ordinal scales mapping fruit types to values.

AI-generated description