Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated_Reusable_ScatterPlot_with_Menus

Public visualization

Animated_Reusable_ScatterPlot_with_Menus

0 stars0🌍 Public
Rraturi22@gmail.com
Last edited Aug 25, 2025
Created on Aug 25, 2025

This animated scatter plot shows the Iris dataset, cycling through different flower measurements every three seconds to reveal changing correlations. The reusable chart function in `scatterPlot.js` uses D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to smoothly animate point positions and axis scales. Data loads from a CSV via D3's `csv` parser, and the `setInterval` loop alternates the x-axis variable among petal width, sepal width, petal length, and sepal length. The SVG rendering uses join patterns for enter, update, and exit transitions, with a staggered delay creating a cascading movement effect.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed