Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ball of Fruits- Hover interaction

Public visualization

Ball of Fruits- Hover interaction

0 stars0🌍 Public
FFoysal Ahmed Emon
Last edited Feb 8, 2020
Created on Feb 8, 2020

Five circles render as apples that morph and reorder into a static row until one fruit shrinks and a later fruit turns into a lemon. Hovering a fruit highlights its stroke in purple via a mouseover handler that updates a selectedFruit state. The visualization uses d3’s scaleOrdinal for color and radius, transition().duration() for 1000ms position and size animations, and SVG circle/text elements. Data is generated in JavaScript with range() and Math.random().

AI-generated description

Ball of Fruits- Interaction

Comments

Sign in to join the discussion.

MIT Licensed