🌍 Public
Viewing a saved revision (read-only)
8816e298b22c4cf884ddf15d4d600309
Bowl of Fruits - Click to Select
This example demonstrates a dynamic fruit bowl where apples and lemons are added, removed, and transformed with smooth animated transitions. Clicking any fruit logs its unique ID, though no visual selection is rendered. The visualization uses D3 v6’s data joins with key functions, ordinal scales for color and radius, and chained transitions to animate circle radius and text position. React provides the framework, while SVG elements are manipulated directly via D3 selections.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.