Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter-plot

Public visualization

Viewing a saved revision (read-only)

cd430479310e471c867ef1413e45cf20

scatter-plot

0 stars3🌍 Public
Oownerofthesoul0000@gmail.com
Last edited Feb 9, 2024
Created on Feb 8, 2024
Forked from Loading Data

This example visualizes the classic Iris Dataset, plotting petal width against petal length for 150 individual flowers. The scatter plot uses `d3.scaleLinear` to map data extents to screen coordinates, with circles colored by a random HSL hue at partial opacity. The code loads the CSV file via `fetch` and parses it with `csvParse`, then renders the visualization using D3 v7 selection joins. Custom axes are created with `d3.axisLeft` and `d3.axisBottom`, with white labels for petal-length and petal-width.

AI-generated description

Loading a CSV file, the Iris Dataset.