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 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

Comments

Sign in to join the discussion.

MIT Licensed