Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

b28b144c4ca44ada8b5a25d1e8484db4

Reusable D3 Scatter Plot

0 stars2🌍 Public
MMichael Bergerson
Last edited Jun 19, 2021
Created on Jun 18, 2021
Forked from D3 Scatter Plot

This example displays the Iris Dataset as an animated scatter plot, cycling through different dimension pairs (petal width, sepal width, and length) every two seconds. The visualization uses D3’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data points and render axes, while a reusable `scatterPlot` function updates circles and axes in place. Data is loaded via `d3.csv`, and the animation is driven by `setInterval`, with SVG rendering handled throughout.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.