Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot

Public visualization

Scatter Plot

0 stars0🌍 Public
SSadafNaseem
Last edited Sep 22, 2021
Created on Sep 9, 2021
Forked from Customizing Axes

This scatter plot demonstrates animated transitions of fruit-shaped circles, updating as fruits are added, removed, or change type. The visualization uses D3 v5’s data join pattern with key functions, merging enter and update selections, while applying ordinal color and radius scales. A 1000-millisecond transition animates circle positions and radii when the dataset changes. The code imports `scaleOrdinal`, `select`, and `range` from D3, rendering SVG circles inside a 960×500 viewport, with transitions triggered by timed `setTimeout` modifications to the fruit array.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed