Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color

Public visualization

Viewing a saved revision (read-only)

691b51a1ac8b46c9a24d54d44d6f091d

Scatter Plot with Color

0 stars1🌍 Public
SSerind Joshua McCue
Last edited Aug 21, 2022
Created on Aug 21, 2022

This interactive scatter plot explores the classic Iris dataset, allowing users to compare any two measured attributes (sepal and petal dimensions) by selecting them from dropdown menus. Each flower is rendered as a circle in SVG, with position mapped by the selected X and Y axes and color encoding species via a D3 `scaleOrdinal` color scale. Built with React and D3 v7, the visualization uses `scaleLinear` for axes and interactive dropdowns to dynamically re-bind the plotted data.

AI-generated description

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

See also React Starter.