Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatterplot with menu and color

Public visualization

Viewing a saved revision (read-only)

cdc486862a7d4ea48df0f20582a77acc

scatterplot with menu and color

0 stars1🌍 Public
Sseanowh
Last edited Sep 18, 2021
Created on Sep 18, 2021

An interactive scatterplot of the Iris flower dataset visualizes correlations between sepal and petal measurements, with species distinguished by color. The visualization uses React state management in the main `App` component to control dropdown menus for selecting which measurement attributes appear on the x and y axes. D3 v7 utilities like `scaleLinear`, `scaleOrdinal`, and `extent` compute scales for the SVG rendering, while the data loads via the `csv` parser. The dropdown component allows users to switch between four numeric attributes, updating the axes and tick labels dynamically through React's `useState` hook.

AI-generated description

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