Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot - Reusable - Dynamic

Public visualization

Viewing a saved revision (read-only)

e9e6e484cce34f85999a0a9bbc2bd90d

Scatter Plot - Reusable - Dynamic

0 stars0🌍 Public
Mmaxthamt
Last edited Jun 24, 2021
Created on Jun 24, 2021

This example demonstrates a dynamic scatter plot that cycles through different iris flower measurements every two seconds, updating the x-axis to show petal width, sepal width, petal length, or sepal length against sepal length on the y-axis. Built with React and D3, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles in SVG with animation. The reusable `scatterPlot` component accepts configurable accessors, margins, and radius, pulling data from a remote CSV of the Iris dataset.

AI-generated description

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

See also React Starter.