Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot with menu

Public visualization

Viewing a saved revision (read-only)

11b79fbc0d0d4e06846c91d602611a2d

Scatter plot with menu

0 stars0🌍 Public
Ccshm407
Last edited Apr 10, 2021
Created on Apr 10, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to select which flower measurements (sepal length/width, petal length/width) appear on each axis via dropdown menus. The chart uses React state to track selected attributes, updating the axes and circles accordingly. Built with D3 scales (d3.scaleLinear, d3.extent) and custom SVG axis components, each data point renders as a circle with a tooltip showing its x-value. The CSV data loads asynchronously via d3.csv from a GitHub gist.

AI-generated description

A scatter plot of The Iris Dataset.