Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit (non-animated)

Public visualization

Bowl of Fruit (non-animated)

0 stars0🌍 Public
Ssheafallick
Last edited Dec 14, 2022
Created on Dec 14, 2022
Forked from Bowl of Fruit

A sequence of five apples and lemons sits in a row above a bowl, with each fruit rendered as an SVG circle colored by type (red for apple, yellow for lemon) and labeled with its name. The example demonstrates data joins in React with D3 v7, using `scaleOrdinal` for color and radius, `selection.enter().append()`, and `merge` to update the visualization over time. Four timed `setTimeout` calls drive changes: removing an apple, converting one to a lemon, adding a lemon, and filtering out another fruit.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed