🌍 Public
Viewing a saved revision (read-only)
c183b5016c994d6ab7c48d7730b9d2c5
Reusable D3 Scatterplot w/ symbols
This example shows a reusable scatterplot rendered with SVG that maps iris flower measurements—petal length against sepal length—using distinct D3 symbols to differentiate species. The chart includes axes, labels, and a legend-free encoding of the categorical species variable through symbol shapes. Built with React and D3 v3, the code defines a configurable `scatterPlot` function using `scaleLinear`, `scaleOrdinal`, `symbols`, and `symbol` to generate paths. Data is loaded asynchronously from a CSV using `d3.csv`, with numeric parsing applied to the measurement columns.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.