Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 scatter plot

Public visualization

Viewing a saved revision (read-only)

63028800f9614b5d9172f048d3db19c2

d3 scatter plot

0 stars1🌍 Public
FFrancisco Ibelles
Last edited Feb 16, 2024
Created on Feb 14, 2024
Forked from HTML Starter

This example visualizes the classic Iris dataset as a scatter plot, comparing petal length on the x-axis with sepal length on the y-axis for 150 flowers. The visualization uses D3 v7 with vanilla JavaScript to load the CSV data via `d3.csv`, parse the numeric fields, and render SVG circles positioned through `d3.scaleLinear` scales. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`, while the chart fills the entire browser viewport with margins applied around the plot area.

AI-generated description

create a scatter plot with D3 and vanilla javascript