Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Color

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c2ba5de7d18f4ca1b4cd46996e9a6e2c

Open

Scatter Plot with Color

0 stars1🌍 Public
CChristian Potdevin
Last edited Apr 11, 2021
Created on Apr 11, 2021

This scatter plot visualizes the Iris dataset, using React state to let users select which flower measurements appear on the X and Y axes, while color encodes species via d3.scaleOrdinal. The SVG rendering uses d3.scaleLinear for axes and d3.extent for domains, with React components for the dropdown menus. Axes are drawn with custom AxisBottom and AxisLeft components, and each data point is a circle with an SVG title tooltip.

AI-generated description

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