Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Bowl of Fruit - Click to Select

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed