Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter plot

Public visualization

Viewing a saved revision (read-only)

e976150c69c049ca86461dc6233118ac

D3 Scatter plot

0 stars1🌍 Public
JJuan Corrales Correyero
Last edited Sep 14, 2023
Created on Sep 14, 2023
Forked from Hello VizHub

This scatter plot visualizes the Iris flower dataset by plotting petal length against sepal length. The visualization uses D3.js v7 with linear scales to map data values to screen coordinates, and SVG circles represent individual data points. The code demonstrates data loading and parsing via d3.csv with type coercion for numeric fields. Axes are generated using d3.axisLeft and d3.axisBottom, positioned according to defined margins, while the plot dynamically fills the browser window using window.innerWidth and innerHeight.

AI-generated description

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

See also React Starter.