Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

13e8fc49689b4c4dac2718b76739525a

Reusable D3 Scatter Plot

0 stars2🌍 Public
TTheo-0201
Last edited Sep 24, 2023
Created on Sep 21, 2023
Forked from D3 Scatter Plot

This reusable scatter plot displays the Iris dataset, mapping petal and sepal measurements as animated circles. Built with D3 v6 and React, it uses `scaleLinear` to project data values to pixel coordinates, with `d3.axisLeft` and `d3.axisBottom` for axes. The `scatterPlot` function returns a configurable chart instance, toggling between four measurement columns on the x-axis via `setInterval` every two seconds. SVG circles are joined with data, and transitions update their positions smoothly.

AI-generated description

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

See also React Starter.