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 stars0๐ŸŒ Public
PPenguin-jpg
Last edited Sep 18, 2023
Created on Sep 18, 2023

Five circles representing fruit appear in a row, and clicking one highlights it with a black outline. The scene animates over time: a fruit is removed after one second, an apple changes into a lemon after two seconds, and another fruit is removed after three seconds. The example uses D3 v7 with `d3.select`, `d3.range`, and `d3.scaleOrdinal` to manage colors and radii, while SVG `<circle>` elements are added, updated, and removed via `transition().duration()` for smooth animations.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed