Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color

Public visualization

Viewing a saved revision (read-only)

0ce186b2c8b243c8b003b3f57fb9cae0

Scatter Plot with Color

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

This interactive scatter plot visualizes the Iris dataset, plotting measurements like petal length and sepal width against each other. It uses color to distinguish the three Iris species, with a dropdown menu letting users select which attributes appear on the X and Y axes. Built with React, D3, and rendered as SVG, the code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components that leverage D3's `scaleLinear` and `scaleOrdinal` for scaling, along with tooltips showing values on hover.

AI-generated description

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

See also React Starter.