Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Creating a Scatter Plot with D3.js

Public visualization

Viewing a saved revision (read-only)

ac071dbcf7d441b9ac2ee5b2b48c058b

Creating a Scatter Plot with D3.js

0 stars0🌍 Public
SShivaKarpe
Last edited Mar 6, 2022
Created on Mar 5, 2022

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes and coloring each point by species (setosa, versicolor, or virginica). It uses D3.js v6 with a linear scale and axis generators (`d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`) to render SVG circles. Data is loaded via `d3.csv` from a remote URL, with numeric fields parsed on ingestion. The plot is sized to the full window and includes custom tick styling.

AI-generated description

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