Skip to main content
100%

ICE-7 Reusable Scatter Plot (Pdeep)

✓ Published1🌍 Public
PPbarring
Last edited Mar 24, 2022
Created on Mar 23, 2022

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 description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes