Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Act7-tutorial

Public visualization

Viewing a saved revision (read-only)

2de64330fee948b0bf2d663cdae4f5ca

Act7-tutorial

0 stars0🌍 Public
RRayabarapu Nikhitha
Last edited Nov 7, 2024
Created on Nov 5, 2024

This interactive scatter plot visualizes the Iris dataset, cycling through different sepal and petal measurements on the x-axis while displaying sepal length on the y-axis. The animation updates every few seconds using `setInterval`, changing the x-axis variable and re-rendering the SVG circles. Built with D3 v6, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a reusable `scatterPlot` module. Points are colored by species—setosa, versicolor, and virginica—with a custom legend, axis labels, and title rendered as SVG text elements.

AI-generated description

A demonstration of reusable scatter plot.