Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

d0fb9fc1955a44d2aa540aa89a2fdb5d

Reusable_D3_Scatter_Plot.

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

This interactive scatter plot visualizes the Iris dataset, cycling through four feature pairs on the x-axis while keeping sepal length on the y-axis. The visualization uses D3.js with React to render animated SVG circles, colored by species, and includes a legend and axis labels. The code leverages D3 utilities like `scaleLinear`, `axisLeft`, and `axisBottom`, with a custom reusable `scatterPlot` component and `setInterval` to rotate the plotted columns.

AI-generated description

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

See also React Starter.