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)

cf17acc72bcf4d3cb51ef45d020c49f3

ICE-7 Reusable Scatter Plot

0 stars0🌍 Public
BBhanuMotupalli
Last edited Mar 29, 2023
Created on Mar 29, 2023

This interactive scatter plot animates through different pairings of Iris flower measurements, cycling between petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length on the y-axis. The visualization uses the D3.js library loaded via React, rendering points as SVG circles whose colors map to three Iris species. It incorporates a dynamic legend and axis labels that update with each animation frame, driven by D3's `setInterval` and the reusable `scatterPlot` function.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.