Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

2976a8f530fc406e9f48a60ffcf6fd67

Fork of Reusable_D3_Scatter_Plot.

0 stars1🌍 Public
Mmanishcheruku
Last edited Mar 25, 2023
Created on Mar 25, 2023

This interactive scatter plot animates through different pairs of Iris flower measurements, cycling petal width, sepal width, petal length, and sepal length on the x-axis while keeping sepal length on the y-axis. Built with React and D3.js (version 6.7), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and `scatterPlot` to render SVG circles colored by species (setosa, versicolor, virginica), with a legend and axis labels. The animation updates every interval via `setInterval`, redrawing the plot with new column selections. Data originates from a CSV of Iris measurements fetched from a GitHub gist.

AI-generated description

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

See also React Starter.