Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7.1_tutorial

Public visualization

Viewing a saved revision (read-only)

f838890c52064b4c94f3ffd0e6a11f7b

Activity7.1_tutorial

0 stars0🌍 Public
Aayeshamanzoor111798@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This animated scatter plot visualizes penguin size measurements from a CSV dataset, dynamically cycling through different x-axis variables including body mass, culmen measurements, and flipper length. The visualization uses D3.js v6 to render SVG circles colored by penguin species, with a reusable `scatterPlot()` function that handles scaling, axes, and data binding. The animation rotates through four measurement columns using `setInterval`, updating the x-axis and re-rendering the plot while maintaining a consistent legend and axis labels.

AI-generated description

A demonstration of reusable scatter plot.