Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit

Public visualization

Viewing a saved revision (read-only)

51675cc78f344d579dc012ad9a931df5

Bowl of Fruit

0 stars2🌍 Public
WWayne716
Last edited Nov 19, 2020
Created on Nov 19, 2020
Forked from Bowl of Fruit

This example shows a dynamic bowl of fruit where apples and lemons are added, removed, or replaced over time. An SVG bowl shape is populated with fruit symbols, each colored and sized according to its type using d3.scaleOrdinal. The code uses D3's data joins with enter, merge, and exit selections to handle updates smoothly, while React manages the rendering of the fruit positions and attributes. The visualization demonstrates D3 version 6 in a React framework, with data-driven changes animated via timed events.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.