Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color Legend

Public visualization

Viewing a saved revision (read-only)

977d1f89ca2646a18165d64a65286d67

Scatter Plot with Color Legend

0 stars1🌍 Public
CCodeDuckie99
Last edited Mar 14, 2021
Created on Mar 13, 2021

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between four measurements (sepal and petal length/width) through dropdown menus that control the x and y axes. Points are colored by species using a d3.scaleOrdinal with a corresponding legend showing the three Iris varieties. The visualization is built with React and D3 v6, rendering SVG circles and axes through custom components like AxisBottom, AxisLeft, and Marks, with data loaded via d3.csv from a remote gist.

AI-generated description

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

See also React Starter.