Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

2bc205b205cf4056b062b6cc987ffbf7

D3 Scatter Plot

0 stars0🌍 Public
KKyuhyun
Last edited Jun 2, 2022
Created on Jun 2, 2022
Forked from HTML Starter

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each flower observation is rendered as a circle using SVG, with axes generated via `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data with `d3.csv`, scales positions using `d3.scaleLinear` with `d3.extent` for domains, and appends circles via `selection.join`. The visualization fills the browser window using `window.innerWidth` and `window.innerHeight`, with tick labels styled at 24 pixels in plain CSS.

AI-generated description

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

See also React Starter.