Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fruit: Hover Gets Ya Selected

Public visualization

Fruit: Hover Gets Ya Selected

0 stars0🌍 Public
LLeora Wenger
Last edited Dec 3, 2018
Created on Dec 3, 2018

Five fruit circles sit in a row, each filled red for apples or yellow for lemons. Hovering over a circle selects it with a black outline, and hovering away deselects it. The visualization uses D3 v5 with SVG and animated transitions to smoothly change circle radius, position, and fill. The `fruitBowl` module maps fruit types to colors and sizes using `scaleOrdinal`, while `setSelectedFruit` updates the selection state on `mouseover` and `mouseout` events.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed