Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Click to Select

Public visualization

Viewing a saved revision (read-only)

21123c6dbcbe45fd8e2f34df22b56906

Bowl of Fruit - Click to Select

0 stars1🌍 Public
WWarren-Fitzhenry
Last edited Dec 31, 2019
Created on Dec 31, 2019

Five circles represent apples in an SVG bowl. Clicking one turns its stroke black to mark it selected. The example demonstrates the D3 data join with enter, update, and exit selections, animating circle radius, position, fill, and stroke via `transition().duration()`. Using `scaleOrdinal` for color and size, it removes fruits on a timer, filters an apple, and changes one to a lemon, all rendered with `select` and `fruitBowl`.

AI-generated description

Making a face with D3.

Loading D3 from script tag (which creates a global 'd3' with all of its methods