Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 Reusable Scatter Plot (Pdeep)

Public visualization

Viewing a saved revision (read-only)

8a0152014f5e4f7d9d2863ee05554371

ICE-7 Reusable Scatter Plot (Pdeep)

0 stars1🌍 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.