Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 scatter plot with symbols

Public visualization

Viewing a saved revision (read-only)

e1cfc7078fdd4570aa2a4223e305ce16

Reusable D3 scatter plot with symbols

0 stars0🌍 Public
Bbjfmbeck
Last edited Mar 14, 2023
Created on Mar 13, 2023

This example demonstrates a reusable scatter plot component built with D3 and React, visualizing the classic Iris dataset by mapping petal length and sepal length to the x and y axes. It uses `scaleLinear` and `extent` for axis scaling, and `scaleOrdinal` to assign distinct symbols to each species. The plot is rendered as SVG, with data loaded asynchronously via `csv` and the chart configured through a fluent, method-chaining interface. Axis labels and tick marks are generated using `axisLeft` and `axisBottom`.

AI-generated description

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

See also React Starter.