Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

b77819fc597f471d9d3d7581d75a7a2e

Fork of Animated Scatter Plot with Menus

0 stars1🌍 Public
TThaverman
Last edited Sep 13, 2022
Created on Aug 18, 2022

This interactive scatter plot uses D3 v6 to visualize the Iris Dataset, shifting points between axes selected from dropdown menus. Built with a reusable `scatterPlot` component, it employs `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` with a 1000-millisecond duration, plus a 10-millisecond stagger delay, to animate both circle positions and axis updates. Selections trigger D3's `dispatch` events, while `join` handles entering, updating, and exiting SVG `circle` elements.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.