Skip to main content
100%

D3 Scatter Plot (Vanilla JavaScript and HTML)

✓ Published1🌍 Public
Nnim@brejnholt.dk
Last edited Feb 1, 2024
Created on Jan 29, 2024
Forked from HTML Starter

This scatter plot visualizes the relationship between petal length and sepal length in the Iris dataset, with each flower represented as a circle. The SVG rendering uses d3.scaleLinear to map data values to screen coordinates and d3.axisLeft/axisBottom to draw the axes. Data loads asynchronously via d3.csv from a GitHub gist, and the code parses numeric fields before binding the marks. The example demonstrates the core pattern of joining data to SVG circles with the selection.join() method.

AI-generated description
MIT Licensed

Similar vizzes