Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit: Hover to select

Public visualization

Bowl of Fruit: Hover to select

0 stars0🌍 Public
AAjit Singh
Last edited Jan 6, 2021
Created on Jan 6, 2021

A bowl of fruit demonstrates animated SVG transitions and mouse interaction. Five circles, initially apples, move, resize, and change color over time; one apple becomes a lemon, and fruits are removed. Hovering over any circle highlights it with a black stroke and updates a `selectedFruit` state, triggering a re-render. The example uses D3 v5's `select`, `scaleOrdinal`, and `transition` APIs, rendering with SVG and animating circle radius, color, and position over one-second durations.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed