Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

0599f318da564f6fa2a9cff7f4ff723b

Polished Scatter Plot with Menus

0 stars1🌍 Public
SSerind Joshua McCue
Last edited Aug 21, 2022
Created on Aug 21, 2022

This interactive scatter plot visualizes the Iris flower dataset, allowing users to dynamically choose which numeric attributes appear on the X and Y axes via two dropdown menus. The visualization uses D3 v7 scales and SVG rendering within a React framework to plot data points as circles, with axis labels and tick marks styled through CSS. The code leverages `d3.scaleLinear` for axis scaling, `d3.extent` for domain calculation, and the `react-dropdown` library for the menu controls. The dataset loads remotely as CSV through `d3.csv`, with numeric parsing in the data-loading hook.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.