Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot Vanilla Javascript

Public visualization

Viewing a saved revision (read-only)

2c39d1fae9ac41fbb7503f564f6f6d8c

D3 Scatter Plot Vanilla Javascript

0 stars2🌍 Public
FFrancisco Ibelles
Last edited Jun 15, 2023
Created on Jun 14, 2023
Forked from HTML Starter

This scatter plot visualizes the relationship between petal length and sepal length using the classic Iris dataset, loaded from a GitHub gist via `d3.csv`. The chart maps each flower’s measurements to x and y positions using `d3.scaleLinear` and `d3.extent`, rendering circles as SVG marks. It includes axes generated with `d3.axisLeft` and `d3.axisBottom`, plus a title, all drawn with D3 v7 in vanilla JavaScript. The plot fills the browser window, with points sized at a fixed radius.

AI-generated description

Create a scatter plot with vanilla javascript