Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

45a6c8c4e8924441821f0aeb2dbb2170

Reusable D3 Scatter Plot

0 stars0🌍 Public
KKerim
Last edited Oct 7, 2022
Created on Oct 7, 2022
Forked from Hello VizHub

This example demonstrates a scatter plot of the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. The visualization uses D3 v7 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data, scale positions, and render axes. Circles of fixed radius are drawn as SVG elements with coordinates computed from the scaled values. The chart fills the browser window, with the data sourced from a GitHub Gist and rendering done entirely in SVG.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.