Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

14ee221bf4814e04ad643a01be79b946

Reusable_D3_Scatter_Plot.

0 stars0🌍 Public
SSUSHMA CHIRRA
Last edited Mar 30, 2023
Created on Mar 29, 2023

This example shows an animated scatter plot of the Iris dataset, cycling through different combinations of sepal and petal measurements on the x-axis while keeping petal width on the y-axis. Data points are colored by species, with a legend and axis labels updating dynamically. Built with React and D3 v6, it uses the `scatterPlot` reusable chart function, `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the x-value mapping. The SVG rendering includes animated transitions and custom styling via CSS.

AI-generated description

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

See also React Starter.