Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit (animated - nested elements - hover)

Public visualization

Viewing a saved revision (read-only)

f34a57c4a97d44ba8280f4b40b9a5e46

Bowl of fruit (animated - nested elements - hover)

0 stars0🌍 Public
JJacob van Lingen
Last edited May 18, 2020
Created on May 18, 2020
Forked from Hello VizHub

An animated bowl of fruit shows apples and lemons disappearing one by one as they are eaten, with a lemon replacing an apple mid-sequence. The visualization uses d3’s `scaleOrdinal` for color and radius mapping, `arc` for the bowl shape, and `transition` with `attr` tweens for smooth entrance, exit, and resizing. Hovering over a fruit highlights it with a black stroke via mouseover and mouseout events, while the SVG updates through nested `g`, `circle`, and `text` elements.

AI-generated description