Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scattering

Public visualization

Viewing a saved revision (read-only)

b3395a80dae548f4a656fe7cfd65879d

D3 Scattering

0 stars0🌍 Public
KKamalabot
Last edited Jul 9, 2022
Created on Jul 9, 2022

This scatterplot displays the Iris dataset, plotting petal length against sepal length with 10-pixel circles. It loads CSV data asynchronously using d3.csv, transforms numeric fields via a custom parseRow function, and applies d3.scaleLinear with d3.extent to map data ranges to the full browser viewport. The visualization renders SVG circles through d3.selectAll and data joins, with axes omitted. The code uses D3 v7 within an HTML page, sizing the SVG to window.innerWidth and window.innerHeight.

AI-generated description

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

See also React Starter.