Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Interactions

Public visualization

Bowl of Fruit - Interactions

0 stars0🌍 Public
Ssherryyx
Last edited Feb 12, 2020
Created on Feb 3, 2020

Five apples transition in and out of an SVG bowl over timed intervals, with an apple morphing into a lemon mid-sequence. Hovering or clicking a fruit highlights it with a colored outline, and the selection animates as fruits are added or removed. Using D3 v5's data join, enter, update, and exit selections, each circle's radius and fill map through ordinal scales. Interactions trigger a card-based render cycle, while `transition().duration(1000)` animates position and radius changes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed