Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

no animation pattern

Public visualization

no animation pattern

0 stars1🌍 Public
YYanxxx447
Last edited Jan 11, 2021
Created on Jan 11, 2021
Forked from pattern

This example demonstrates a static fruit bowl visualization using D3 v5 and SVG rendering. It maps categorical fruit types (apple, lemon, peach) to ordinal color and radius scales via `scaleOrdinal`, positioning each item along a horizontal row with circles and text labels. The code uses `select`, `range`, and `scaleOrdinal` imports from D3, with local ES6 module imports for the `fruitBowl` function. The dataset is manipulated through a sequence of timed `setTimeout` calls that add, remove, and modify fruit types, triggering redraws without animated transitions, showing how D3's enter/exit/merge patterns handle iterative data changes.

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