Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Hover to Select

Public visualization

Viewing a saved revision (read-only)

507db0a757054471bb06e54d1d65d08c

Bowl of Fruit - Hover to Select

0 stars0🌍 Public
Wwwwwj
Last edited Feb 10, 2020
Created on Feb 10, 2020

A bowl of fruit displays five apples that hover to select, with a black stroke highlighting the currently hovered fruit and disappearing on mouseout. The visualization shows fruit entering, exiting, and changing type through animated transitions over time. Using D3 v5 with an SVG rendering approach, the code employs `scaleOrdinal` for color and radius mappings, `selection.enter`, `merge`, and `exit` patterns, and `transition().duration()` to animate circle attributes. Apples are replaced by a lemon mid-animation, and fruits are removed at intervals, demonstrating dynamic data joins.

AI-generated description