Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

066a8e713c264771ade1a1c6614ca9fa

D3 Scatter Plot

0 stars1🌍 Public
Vvivhogan@gmail.com
Last edited Aug 20, 2026
Created on Aug 18, 2026
Forked from SVG Fundamentals

This D3 scatter plot visualizes the classic Iris flower dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each data point is rendered as a circle with an SVG `<title>` element that reveals precise coordinates on hover. The visualization uses `d3.scaleLinear` to map data values to pixel positions within specified margins, while `d3.axisBottom` and `d3.axisLeft` create labeled axes. The code loads data asynchronously via `d3.csv` and generates the plot with `d3.select` and `.join('circle')`.

AI-generated description