Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot with color

Public visualization

Viewing a saved revision (read-only)

043e1fe5a9ae40f0ad8933ac6231141e

Scatter plot with color

0 stars1🌍 Public
LLewis Ward
Last edited Jul 2, 2021
Created on Jul 2, 2021

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between four measured attributes (sepal length, sepal width, petal length, and petal width) through dropdown menus that control the X and Y axes. Points are colored by species using d3.scaleOrdinal with three categorical colors. The visualization is built with React components managing state for axis selections, while d3.scaleLinear handles coordinate mapping and axis rendering uses custom SVG tick components. Data loading relies on d3.csv with type coercion for numeric fields.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.