Viewing a saved revision (read-only)
555a789576af4cc3b568de1d1d5abc91
dynamic idempotence with animations d3 reusable scatter plot
This example demonstrates an animated scatter plot of the Iris dataset using a reusable D3 chart function. Every five seconds, the plot switches its x-axis variable among petal width, sepal width, petal length, and sepal length, while the y-axis remains fixed on sepal length. The visualization uses D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` APIs to smoothly move existing circles and axes over one second, with new points entering at radius zero. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and the chart is rendered as SVG within a React-compatible modular structure.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.