Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot Activity 8

Public visualization

Viewing a saved revision (read-only)

927d4e535de54261af04a85e4cf9f37e

Reusable Scatter plot Activity 8

0 stars0🌍 Public
Ssaikrishnabussa
Last edited Jul 20, 2023
Created on Jul 20, 2023
Forked from HTML Starter

This interactive scatter plot visualizes the Iris flower dataset, with points colored by species (setosa, versicolor, virginica) using D3.js. The visualization cycles through four variable pairings on the x-axis—petal width, sepal width, petal length, and sepal length—while the y-axis remains fixed on sepal length, updating via setInterval. It uses d3.scaleLinear, d3.axisLeft, and d3.axisBottom within a reusable scatterPlot function, rendering SVG circles with animations. The interface includes a title, axis labels, and a color legend, all styled with CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.