Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of fruit - Hover to select

Public visualization

Bowl of fruit - Hover to select

0 stars0🌍 Public
DDaniel García
Last edited Mar 23, 2020
Created on Mar 23, 2020

Five fruit circles initially render as apples via an ordinal color scale and size scale, then update through d3 transitions when the data changes—removing a fruit, converting one to a lemon, and filtering another. Hovering a circle triggers `mouseover` and `mouseout` events that call `setSelectedFruit`, toggling a black stroke on the selected fruit. The visualization uses D3 v5's data joins, `selection.enter`, `merge`, `exit`, and `transition` APIs to animate the SVG elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed