Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Scatter Plot

Public visualization

Viewing a saved revision (read-only)

64708af5d4bd407183a9e9f437ec97b7

Fork of Animated Scatter Plot

0 stars0🌍 Public
NNaimisha-M
Last edited Jul 1, 2022
Created on Jul 1, 2022

This interactive scatter plot visualizes the Iris dataset, letting users compare measurements of sepal and petal dimensions across species. Dropdown menus dynamically change the x- and y-axis variables, and points (drawn as SVG circles) animate smoothly to their new positions via `d3.transition` with staggered delays. The chart is built with a reusable `scatterPlot` component that leverages `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for axes. Data is loaded from a remote CSV using `d3.csv`, and the scene adapts to the browser window size.

AI-generated description

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

Shows the Iris Dataset.