Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished scatter plot with menus and color

Public visualization

Polished scatter plot with menus and color

0 stars1🌍 Public
EElliot Hill
Last edited Jul 13, 2021
Created on Jul 9, 2021

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Two dropdown menus, built with `react-dropdown`, control which attribute is displayed on the x and y axes, while flower species are color-coded using `d3.scaleOrdinal` with a custom palette. The plot is rendered as SVG using React components (`AxisBottom`, `AxisLeft`, `Marks`) that leverage `d3.scaleLinear` for axis scaling and ticks. Hovering over a point reveals its x-value via a native SVG `<title>` tooltip.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed