🌍 Public
Viewing a saved revision (read-only)
de2e34fd025549e2a015f86f532d44e0
ICE-7 Reusable scatter plot
This example demonstrates a reusable scatter plot created with D3.js, visualizing the classic Iris dataset. It maps petal width and sepal length on the x- and y-axes, and uses different SVG symbols to represent the three iris species. The chart cycle through multiple data attributes every 15 seconds, updating the x-axis scale and re-rendering the marks. The implementation follows Mike Bostock’s reusable chart pattern, using accessor functions and D3’s `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `symbol` APIs.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts.
Shows the Iris Dataset.