Skip to main content
100%

Reusable_D3_Scatter_Plot.

✓ Published0🌍 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.

MIT Licensed

Similar vizzes