🌍 Public
Viewing a saved revision (read-only)
e1cfc7078fdd4570aa2a4223e305ce16
Reusable D3 scatter plot with symbols
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.