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)

4f0da741f8d64d0b84576f05f47ddce2

Reusable Scatter plot Activity 8

0 stars0🌍 Public
JJayanthKumarkoni
Last edited Jul 23, 2023
Created on Jul 23, 2023
Forked from Hello VizHub

This interactive visualization uses D3.js to display the Iris dataset as an animated scatter plot. The code cycles through different x-axis measurements every few seconds, showing relationships between petal width, sepal width, petal length, and sepal length. Points are colored by species (setosa, versicolor, virginica) with a legend and axis labels. The reusable scatterPlot component handles scales and axes via d3.scaleLinear, axisLeft, and axisBottom, while circles are rendered with SVG and animated using setInterval.

AI-generated description

A demonstration of reusable scatter plot.