Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

click and hover to select

Public visualization

click and hover to select

0 stars0🌍 Public
MMert Gürkan
Last edited Jul 17, 2020
Created on Jul 17, 2020

A bowl of fruit demonstrates selection and dynamic updating. Apples and a lemon are shown as circles with radii and colors mapped via `d3.scaleOrdinal`. Clicking or hovering over a fruit triggers a callback that updates a `selectedFruit` ID, adding a black stroke to the selected item and clearing it on mouse-out. The `bowl` function uses SVG `<circle>` and `<rect>` elements, with `transition().duration(750)` animating position and radius changes when the fruit array is modified over time.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed