Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plots: Part 2 - Menus

Public visualization

Viewing a saved revision (read-only)

055eb9a07697478e913ec5bb91424103

Scatter Plots: Part 2 - Menus

0 stars0🌍 Public
Zzeeeeem
Last edited Oct 27, 2022
Created on Aug 13, 2022
Forked from Hello VizHub

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which attributes appear on the x- and y-axes via two dropdown menus. Built with React and D3 v5, the visualization renders SVG circles for each data point, with axis labels updating to reflect the selected measurements. The code leverages `d3.scaleLinear` for continuous scales, `d3.extent` for domain calculation, and custom `AxisBottom` and `AxisLeft` components to generate tick marks. Dataset values are loaded asynchronously through a `useData` hook that parses CSV data using `d3.csv`.

AI-generated description

A scatter plot of the The Iris Dataset.