Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 Reusable scatter plot

Public visualization

Viewing a saved revision (read-only)

ca40c636748b4d6a96ce1957c9180632

ICE-7 Reusable scatter plot

0 stars0🌍 Public
IIsabella Jaya Rani C
Last edited Mar 13, 2023
Created on Mar 13, 2023
Forked from HTML Starter

This example shows the Iris dataset as an animated scatter plot of petal width against sepal length, cycling through different measurement columns every two seconds. Each point uses a distinct symbol from D3’s `symbol` generator based on species, with alternating green and gold fills, and axes labeled directly in the SVG. The visualization relies on a reusable `scatterPlot` function built with D3 scales (`scaleLinear`, `scaleOrdinal`), axis components (`axisLeft`, `axisBottom`), and a `setInterval` loop that updates the x-value mapping, re-rendering the chart via `svg.call(plot)`.

AI-generated description

Creating a reusable scatter plot for the Iris Data.