Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot Menus Basic (codeAlong)

Public visualization

Viewing a saved revision (read-only)

5bf6c63a1c094f738aeb3800efe4917d

Scatter Plot Menus Basic (codeAlong)

0 stars1🌍 Public
Ttomahawk-jupiter
Last edited Jun 8, 2021
Created on Jun 7, 2021

This interactive scatter plot displays the Iris flower dataset, allowing users to select which quantitative attribute appears on each axis via dropdown menus. Built with React and D3 v6, the visualization updates scales and marks reactively when menu selections change. SVG rendering draws axis ticks, labels, and circular data points using the `scaleLinear`, `extent`, and `csv` APIs, with native HTML `<select>` elements controlling state.

AI-generated description

Learning how to add menus to make the graph interactive.

Curran Kelleher tutorial Vid 7:28 aprox