Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Hover Transitions

Public visualization

Bowl of Fruit - Hover Transitions

0 stars0🌍 Public
YYoram
Last edited Oct 16, 2020
Created on Oct 16, 2020

A bowl of fruit displays five apples, which are eaten and replaced over time, with hovering transferring a black outline between fruits. The visualization uses D3 v5's `scaleOrdinal` for color and radius mapping, and `selection.transition().duration(1000)` to animate circle size and position changes. A `mouseover` event updates a selected fruit, triggering re-renders that add or remove circles via `enter` and `exit` transitions. The SVG rendering relies on the `select` and `range` utilities from D3.

AI-generated description

TEST

Comments

Sign in to join the discussion.

MIT Licensed