Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 7 tutorial

Public visualization

Viewing a saved revision (read-only)

b2b81dafc9204bd69f4f8faec84faede

activity 7 tutorial

0 stars1🌍 Public
Ssudheervnarasimha1@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024

This animated scatter plot visualizes the Iris flower dataset, cycling through different pairings of sepal and petal measurements on the x-axis every few seconds while petal width and sepal length remain on the y-axis. Data points are color-coded by species (setosa, versicolor, virginica) with a legend and rotating axis labels. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the plot dynamically. The SVG renders circles with custom fill colors and includes a reusable `scatterPlot` module for configuration.

AI-generated description

A demonstration of reusable scatter plot.