Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

f87794ef52b643c6b4c6eb006c7671a1

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.