🌍 Public
Viewing a saved revision (read-only)
d1da5117131b4c70b8bb8582b9a6cfe2
Animated Reusable D3 Scatter Plot
This example visualizes the Iris Dataset as an animated, reusable scatter plot built with D3 v7. It displays sepal and petal measurements as circles, cycling the x-axis variable every two seconds among petal width, sepal width, petal length, and sepal length. Using `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function, it smoothly transitions circle positions and axis scales over a 2000-millisecond duration with `transition`. SVG rendering handles the marks, labels, and axes.
AI-generated descriptionA vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.