Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hover to Select, Click apple to convert to lemon and click lemon to delete

Public visualization

Hover to Select, Click apple to convert to lemon and click lemon to delete

0 stars1🌍 Public
Ccsroysudarshan
Last edited Apr 12, 2020
Created on Apr 11, 2020

An interactive D3 v5 visualization presents a bowl of five apples rendered as SVG circles. Hovering over a fruit selects it with a black stroke. Clicking an apple animates its color and radius to transform into a lemon, while clicking a lemon removes it from the bowl with a shrinking transition. The code uses `scaleOrdinal` for color and radius mappings, and `transition().duration(1000)` for smooth animations, driven by data join with enter/update/exit selections.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed