Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatterplot

Public visualization

Viewing a saved revision (read-only)

0cf67f30bb85483da80b5181ba1ccc8c

Reusable D3 Scatterplot

0 stars1🌍 Public
Nnicolekevans
Last edited Nov 18, 2022
Created on Nov 16, 2022
Forked from D3 Scatterplot

This example shows an animated scatterplot of the Iris dataset, with circles positioned by petal width on both axes. Built as a reusable D3 component, it renders SVG circles with a staggered transition on update, growing from radius zero on initial entry. The plot uses `scaleLinear` and `scalePoint` for positioning, with `axisLeft` and `axisBottom` for axes. The code loads CSV data via `d3.csv`, applies numeric parsing, and configures margins and radius through a chainable API, with styles setting circle opacity and tick font sizes.

AI-generated description

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

See also React Starter.