Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Starter

Public visualization

Viewing a saved revision (read-only)

7b076e212e2e431981318900d9f74107

d3 Starter

0 stars0🌍 Public
TTsaiJie
Last edited May 6, 2021
Created on May 6, 2021
Forked from HTML Starter

This example uses D3 v6 and the SVG rendering framework to display the classic Iris dataset as a scatter plot. It loads the CSV from a GitHub gist and parses numeric columns, then uses `scaleLinear` for both axes to map petal length against sepal length. The code demonstrates D3's modern `join` API to bind data to circles, and includes `axisLeft` and `axisBottom` for labeled axes with a custom font size. The plot fills the browser window, resizing with `window.innerWidth` and `window.innerHeight`.

AI-generated description

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

See also React Starter.