Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Untitled

0 stars0🌍 Public
Hharoldle
Last edited Mar 10, 2023
Created on Mar 8, 2023
Forked from HTML Starter

This example shows a scatter plot of penguin measurements, comparing flipper length on the x-axis against bill depth on the y-axis. Each point represents an individual penguin, colored by species (Adelie, Gentoo, Chinstrap) via a d3.scaleOrdinal mapping to red, green, and blue. The visualization loads data from a CSV file using d3.csv, applies linear scales (d3.scaleLinear) for both axes, and renders circles within an SVG element. Axis labels and rotated tick text are added using d3.axisBottom and d3.axisLeft.

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