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)

1ad6a3b531564849858f74fc61070186

Fork of Reusable D3 Scatter Plot

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