Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatterplot with Menus

Public visualization

Viewing a saved revision (read-only)

c46d85c55728471bb9c72c5ec0e18199

Polished Scatterplot with Menus

0 stars0🌍 Public
Aafcchilders
Last edited Dec 16, 2022
Created on Jan 18, 2022

This interactive scatterplot lets users explore the classic Iris flower dataset by using dropdown menus to select which measurements to plot on the X and Y axes. The visualization loads data via the `d3.csv` API and renders circles as SVG marks, with axis ticks generated through custom React components. The app, built with React hooks like `useState` and `useEffect`, uses `d3.scaleLinear` and `d3.extent` to map data values to pixel coordinates, while `d3.format` handles tick label formatting. Dropdown selection updates the chart state, redrawing positions and axis labels accordingly.

AI-generated description

A program that loads in some data about CSS colors