Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 7 tutorial

Public visualization

Viewing a saved revision (read-only)

93fe9d5d50f04ed881c218bb143c01ae

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.