Skip to main content
100%

Reusable D3 Scatterplot

✓ Published0🌍 Public
MMichael Gomersall
Last edited Jul 14, 2023
Created on Jun 30, 2023
Forked from HTML Starter

This example demonstrates a reusable scatterplot component built with React and D3.js, visualizing the classic Iris dataset. It uses `d3.csv` to fetch and parse the data, `scaleLinear` to map petal length and sepal length to pixel coordinates, and `axisLeft` and `axisBottom` to render the axes. The plot is rendered as SVG via a custom `scatterPlot` function that supports configurable width, height, margins, and radius, following a pattern for reusable D3 charts.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes