Skip to main content
100%

Animated_Reusable_ScatterPlot_with_Menus

✓ Published0🌍 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
MIT Licensed

Similar vizzes