Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Click events with D3.js!

Public visualization

Bowl of Fruit - Click events with D3.js!

0 stars2🌍 Public
Fforcox43
Last edited Jul 15, 2020
Created on Jul 15, 2020

An interactive bowl of fruit visualizes how D3.js handles click events and dynamic data updates. The SVG scene renders apples and lemons as colored circles, with a black stroke highlighting the currently selected fruit. Clicking any circle triggers a callback that updates the selection state and redraws the visualization. The code uses `selection.enter()`, `merge()`, and `exit()` to manage data joins, while `transition().duration(1000)` animates circle positions and radii. Data changes occur through scheduled `setTimeout` calls that remove items or change fruit types, demonstrating React and D3 integration.

AI-generated description

Click events.

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed