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)

307c44ac2bd24537a2170d2ba5f8a05f

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Tttummala17
Last edited Jun 30, 2022
Created on Jun 30, 2022

This example presents a reusable scatter plot visualizing the Iris Dataset, cycling through four flower measurements—petal width, sepal width, petal length, and sepal length—as the x-axis every two seconds while the y-axis remains fixed on sepal length. Built with D3 v6, the code uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `scatterPlot()` to render SVG circles with animated transitions. Data is loaded via `d3.csv` from a GitHub Gist, and the plot updates in place by re-calling the chart function with new `xValue` accessors.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.