Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

ccfe21f6ae0e4e1a8944814103cab08d

D3 Scatter Plot

0 stars1🌍 Public
Lliu yang
Last edited Nov 19, 2023
Created on Nov 17, 2023
Forked from HTML Starter

This example visualizes the classic Iris dataset as a scatter plot, mapping petal width to the x-axis and sepal length to the y-axis. Circles represent individual flowers, with axes labeled via D3’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs. The code loads CSV data using `d3.csv`, parses numerical fields, and renders the plot as SVG circles sized with a fixed radius. The visualization fills the browser window, using viewport dimensions for the chart’s width and height, and demonstrates a straightforward data-joining workflow with `selectAll` and `join`.

AI-generated description