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 stars0🌍 Public
Eegrebing
Last edited Sep 28, 2020
Created on Sep 25, 2020

Five fruit shapes appear in a row, rendered as SVG circles labeled by type. Clicking a fruit triggers a transition that changes its radius and fill color, while a fading scale animates the removal and replacement of items over time. The example uses d3-selection with enter, update, and exit patterns, d3-scaleOrdinal for color and size mappings, and d3-transition to animate attributes. Data is generated procedurally with random IDs, and event listeners log clicks to the console.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed