Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Bowl of fruit - Click to select

Public visualization

Bowl of fruit - Click to select

0 stars1๐ŸŒ Public
MMartin Christensen
Last edited Dec 30, 2019
Created on Dec 30, 2019

Five circles representing apples appear in a row and can be clicked to select one, which gains a black outline. Over time, one apple is removed and another transforms into a lemon, changing its color and size, while a third apple disappears. Using D3 v5, the chart binds SVG groups to data, applies ordinal scales for color and radius, and animates radius changes via `transition`. A click event updates the selected fruit, triggering a re-render with the `fruitBowl` function.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed