Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit (animated - nested elements - hover)

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed