Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Hower to Select

Public visualization

Bowl of Fruit - Hower to Select

0 stars0๐ŸŒ Public
Ccyro666
Last edited Mar 19, 2020
Created on Mar 17, 2020

A bowl of fruit demonstrates interactive selection and data updates. Apples and lemons appear as colored circles, with a black outline highlighting the fruit under the mouse. The example uses D3 v5 with a `scaleOrdinal` for colors and radii, and `transition().duration()` for smooth enter, update, and exit animations. The data is simulated client-side with `Math.random()` IDs, and selection changes trigger a re-render via `setSelectedFruit`. Apples are removed and a lemon replaces one apple over time, showing live updates.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed