Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
AAndra Fetele
Last edited Jul 15, 2021
Created on Jul 15, 2021

This animated scatter plot cycles through different pairings of the Iris dataset's four measurements, moving each of the 150 flowers to a new position every three seconds. Built with D3 v6, it uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map attributes to coordinates, while `transition` with a one-second duration animates circle positions and axis updates. The reusable `scatterPlot` component leverages selection joins to smoothly interpolate between states, rendering the SVG directly to the full browser window.

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