Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hover a fruit

Public visualization

Viewing a saved revision (read-only)

d27066ff8221449dbaa623e33b0c9248

Hover a fruit

0 stars0🌍 Public
JJoseph Popoola
Last edited Feb 12, 2020
Created on Feb 12, 2020
Forked from Select a fruit

Five fruit shapes animate smoothly as apples are eaten and one becomes a lemon. Hovering produces a black outline around the selected fruit. Built with React and D3 v5, the visualization uses SVG circles with ordinal color and size scales. D3 transitions (`transition().duration(1000)`) handle position, radius, and exit animations, while React state manages the hovered fruit selection.

AI-generated description