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
Ffernandotsurukawa
Last edited Oct 11, 2019
Created on Oct 11, 2019

This example shows a bowl of five apples, where hovering over a fruit selects it by giving it a black outline, while other fruits remain unstyled. The visualization animates changes over time—an apple is removed, an apple becomes a lemon, and another apple is deleted. The code uses the D3 v5 library, specifically importing `scaleOrdinal` and `select`, and renders SVG circles with `.transition().duration(1000)` for animated updates, while the dataset is a random array of fruit objects stored in memory.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed