Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter PLot

Public visualization

Viewing a saved revision (read-only)

6384c2c19bd049adaf108ecc85c87c56

Reusable Scatter PLot

0 stars3🌍 Public
Sserebryanaya.n@gmail.com
Last edited Mar 3, 2023
Created on Mar 3, 2023
Forked from D3 Scatter PLot

This example shows a reusable scatter plot of the Iris dataset, colored by species, with petal length on the x-axis and petal width on the y-axis. The plot is built with React and rendered as SVG using D3’s `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, while circles are added via `selection.join`. The dataset is loaded as CSV using D3’s `csv` function, with numeric parsing applied to each row. The scatter plot component is configurable through a fluent API for width, height, data, margins, and other properties.

AI-generated description

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

See also React Starter.