Skip to main content
100%

Reusable D3 Scatter Plot

✓ Published0🌍 Public
AAAL FORHAD
Last edited Mar 28, 2022
Created on Mar 28, 2022
Forked from HTML Starter

This interactive scatter plot displays the Iris dataset, cycling through four different feature pairings on the x-axis—petal width, sepal width, petal length, and sepal length—while keeping sepal length on the y-axis. Each species (setosa, versicolor, virginica) is color-coded with red, green, or blue markers. Built with D3 v6, the visualization uses a reusable `scatterPlot` module with `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while a `setInterval` loop updates the x-value mapping every few seconds. The JSON data is loaded via `d3.csv` and drawn as SVG circles with animated transitions.

AI-generated description
MIT Licensed

Similar vizzes