Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Stylized Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

2466edc05d504b3f83e13bc79836ad02

Polished Stylized Scatter Plot with Menus

0 stars1🌍 Public
PPhronesis
Last edited Nov 22, 2021
Created on Nov 19, 2021

This interactive scatter plot visualizes the classic Iris dataset, encoding sepal and petal measurements as point positions and species membership as color. Built with React and D3 v5, it uses dropdown menus to dynamically select which attribute appears on the x- and y-axes. Scales from `d3.scaleLinear` map the data domain to pixel coordinates, while `d3.scaleOrdinal` assigns categorical colors to the three species. SVG circles with hover tooltips display exact values, and custom axis components render ticks and labels using the `format` function.

AI-generated description

A stylized scatter plot of the famous iris data set, using React to create menus and interactivity.