Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Bowl of Fruit Example

Public visualization

Viewing a saved revision (read-only)

af37f3236c464222a7ced9a7f89b5a6a

D3 Bowl of Fruit Example

0 stars0🌍 Public
DDaniel Rivera
Last edited Apr 24, 2020
Created on Apr 22, 2020
Forked from D3 Graph Example

This example demonstrates a D3.js fruit bowl visualization where circular fruit shapes enter, exit, and transition between apple and lemon types based on a dataset of efficiency and sales. Using SVG circles and ordinal scales for color and radius, the visualization animates fruit changes with `transition().duration(1000)`. The React framework integration uses the `fruitBowl` function to bind data with `selection.data()`, while circles respond to click events. The example transitions through eating apples, replacing one with a lemon, and filtering fruits, showing dynamic data updates in a simple, interactive way.

AI-generated description

A bare minimum HTML page.

See also React Starter.