Skip to main content
100%

D3 Scatter Plot

✓ Published2🌍 Public
Ccardoza-IPH
Last edited Sep 23, 2022
Created on Sep 23, 2022
Forked from HTML Starter

This D3 scatter plot visualizes the Iris flower dataset, plotting petal length against sepal length for each sample as circles in an SVG rendered with React. The code uses d3.csv to load and parse the data, d3.scaleLinear to map values to screen coordinates, and d3.axisLeft and d3.axisBottom to display the y- and x-axes. The visualization updates the browser window dimensions dynamically and demonstrates a straightforward data-to-mark binding pattern with d3.selectAll and .join.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes