🌍 Public
Viewing a saved revision (read-only)
4abda26e79484a7e9f697107b638c244
Animated Reusable D3 Scatterplot
This example demonstrates an animated scatterplot that cycles through different Iris flower measurements every three seconds, smoothly transitioning the positions of 150 data points. Built with D3.js (v7.9.0), it uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `transition` to re-map the x-axis and animate circle positions with staggered delays. The reusable `scatterPlot` component is configured via a fluent interface, rendering SVG marks inside a fixed viewport that spans the entire browser window, with data loaded from a remote CSV file.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.