Skip to main content
100%

Fork of Reusable D3 Scatter Plot

✓ Published0🌍 Public
SSnapika
Last edited Mar 23, 2022
Created on Mar 23, 2022

This example presents the classic Iris flower dataset as an animated scatter plot. Built with D3.js, it cycles through the dataset’s four numerical attributes on the x-axis every two seconds, while the y-axis consistently maps sepal length. The visualization updates axes through reusable `axisBottom` and `axisLeft` APIs and renders data points as SVG circles whose coordinates are computed via `scaleLinear`. It uses `select` and `.join` for efficient idempotent updates, and reads `iris.csv` directly from a GitHub Gist.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes