Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Interactions

Public visualization

Viewing a saved revision (read-only)

a6dfa9a83012407a8195204fd6cb085f

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