Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

009abbeb333e4a75a6b7d77f7fc8f55b

Reusable D3 Scatter Plot

0 stars1🌍 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.