Skip to main content
100%

Reusable D3 Scatter Plot

✓ Published1🌍 Public
KKiran3295
Last edited Mar 28, 2022
Created on Mar 27, 2022

This animated scatter plot visualizes the Iris Dataset, encoding sepal and petal measurements along the x- and y-axes. Built as a reusable D3 chart following the "Towards Reusable Charts" pattern, it uses `d3.csv` to load data and `d3.scaleLinear`, `axisLeft`, and `axisBottom` to render axes. A `setInterval` automatically cycles through the dataset's four measurement columns every two seconds, updating the x-value to show different relationships. Circles are colored by iris species (green, yellow, red) and rendered as SVG elements, with labels for "Sepal Length" and "Petal Length" added separately.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes