🌍 Public
Viewing a saved revision (read-only)
6f548fbbdcc94cf6af9a05fa7d57450d
Animated Reusable Dynamic Charts
This scatterplot animates the Iris flower dataset, cycling through different measurements (petal width, sepal width, petal length) on the x-axis every two seconds. The y-axis remains fixed to sepal length. Built with D3.js, the visualization uses `scaleLinear` for axes, `transition` for smooth 1.5-second movements of the circles, and the `join` pattern to handle entering, updating, and exiting elements. The reusable `scatterPlot` component accepts configurable data, values, and margins, rendering as animated SVG.
AI-generated descriptionA template for a scatterplot