Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 scatter plot template with colors

Public visualization

D3 scatter plot template with colors

0 stars0🌍 Public
LLouis Astorg
Last edited Aug 2, 2022
Created on Aug 2, 2022

This D3.js scatter plot template visualizes the Iris flower dataset, plotting petal length against sepal length. Each of the 150 data points is colored by species (setosa, versicolor, or virginica), with hover tooltips showing exact coordinates. Using SVG rendering, the code loads the CSV via `d3.csv`, applies `d3.scaleLinear` for both axes, and creates circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes. The `d3.join` pattern binds data, while a custom `fillColor` function assigns species-specific hues.

AI-generated description

D3 Scatter Polt template

Comments

Sign in to join the discussion.

MIT Licensed