Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Task 9 and 10 Tutorial

Public visualization

Viewing a saved revision (read-only)

8fd9f9709b9e4a40a8d403a900be8f1b

Fork of Task 9 and 10 Tutorial

0 stars0🌍 Public
Ssahaspragna6@gmail.com
Last edited Apr 21, 2024
Created on Apr 18, 2024

This example demonstrates an animated scatter plot of the Iris dataset, cycling through four feature pairs (petal width, sepal width, petal length, sepal length) on the x-axis while sepal length remains on the y-axis. It shows how different measurements cluster by species (setosa, versicolor, virginica) using colored circles. The visualization uses D3 v5 with a reusable `scatterPlot` module that leverages `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for axes, while the main script uses `d3.csv` to load data and `setInterval` to animate the axis transitions. SVG rendering with custom legends and labels is updated each cycle.

AI-generated description

A demonstration of reusable scatter plot.