Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Scatter Plot with Menus

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed