ICE-7 Reusable Scatter Plot (Pdeep)
✓ Published1🌍 Public
This example demonstrates a reusable scatter plot of the Iris dataset, cycling through different attribute pairs every two seconds to compare petal and sepal measurements. The visualization colors each point by species—green for setosa, red for versicolor, and blue for virginica—using SVG circles rendered with D3’s scaleLinear, axisLeft, axisBottom, and data joins. The chart is driven by a custom scatterPlot function with configurable getter/setter methods, while index.js controls the animation interval and data parsing. The implementation follows the reusable chart pattern, loading CSV data via d3.csv and rendering to a full-window SVG.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts.
Shows the Iris Dataset.
MIT Licensed