Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hover to select with D3.js!

Public visualization

Fork of Hover to select with D3.js!

0 stars0🌍 Public
LLidiamir
Last edited Mar 18, 2021
Created on Mar 18, 2021

A fork of the classic "hover to select" D3.js example animates a row of fruit shapes that respond to mouse interaction. Five apples appear, with hovered fruit highlighted by a black outline; clicking away clears the selection. The visualization demonstrates data joins, updating an SVG circle’s radius and fill via `transition().duration(1000)`. It uses `d3.scaleOrdinal` for color and size, with timed mutations removing and replacing fruit to show enter, update, and exit transitions.

AI-generated description

Half way towards a smiley face. Smiley mark down (MD).

Comments

Sign in to join the discussion.

MIT Licensed