Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot Template

Public visualization

Scatter Plot Template

0 stars1🌍 Public
Ppkdvalis
Last edited Nov 29, 2023
Created on Nov 29, 2023

This scatter plot template displays the Iris dataset, plotting petal length against sepal length for individual flower samples, with hover tooltips revealing species names. The visualization uses D3 v7’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to map data coordinates to SVG circles within a full-window responsive layout. Data is loaded asynchronously via `d3.csv` from a remote GitHub Gist, parsed with numeric coercion, and rendered using D3’s data-join pattern with `selectAll(...).join(...)` to bind circles and append titles. Axes are added as SVG groups with margin-based transforms.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed