Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

0c1f91fce5c6484497463a42b675eadf

Reusable_D3_Scatter_Plot.

0 stars0🌍 Public
Aachyutanandmishra17@gmail.com
Last edited Mar 30, 2023
Created on Mar 29, 2023
Forked from HTML Starter

This interactive scatter plot visualizes the Iris dataset, cycling through different feature pairs (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Circles are color-coded by species (red for setosa, violet for versicolor, orange for virginica) with a static legend. Built with React and D3 v6, it uses `d3.csv` for data loading, `scaleLinear` for scales, and `axisLeft`/`axisBottom` for axes. The plot updates every few seconds via `setInterval`, re-rendering the SVG with animated transitions between variable combinations.

AI-generated description

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

See also React Starter.