Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

de508f66118c41738687a1f575eff13e

Fork of Reusable D3 Scatter Plot

0 stars1🌍 Public
AArefa Patwary
Last edited Mar 28, 2022
Created on Mar 28, 2022

Animated scatter plot of the Iris dataset built with D3.js, showing petal measurements on the axes. The visualization cycles through four different column combinations (petal width, sepal width, petal length, sepal length) every two seconds, updating the x and y axes via a reusable `scatterPlot()` component. Circles are colored by species using `d3.scaleOrdinal`, with SVG rendering, axes from `axisLeft` and `axisBottom`, and a legend appended. Data loads from a CSV URL, and the plot uses `selectAll`, `join`, and `setInterval` to animate transitions.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.