Skip to main content
100%

Animated Reusable D3 Scatterplot

✓ Published2🌍 Public
Aajoua
Last edited Feb 28, 2023
Created on Feb 27, 2023

This example demonstrates an animated scatterplot of the Iris dataset, cycling through different flower measurements every three seconds. Built as a reusable D3 module, the scatterPlot function uses scaleLinear, extent, axisLeft, and axisBottom to render axes, while selectAll and join manage circle elements with enter, update, and exit selections. Transitions animate circle positions and radii over one second using delay and duration. The chart reads data from a CSV file via d3.csv, with user-defined accessor functions for x and y values.

AI-generated description
MIT Licensed

Similar vizzes