Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

c3438d623d9e410fab0eafa0e1da7d2d

Scatter Plot with Menus

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

This interactive scatter plot, built with React and D3.js, displays the Iris flower dataset, allowing users to select which attribute is plotted on the x-axis and y-axis via dropdown menus. The visualization renders data points as circular marks within an SVG, with axis labels and tick marks generated using D3's `scaleLinear` and custom components. The menus update the selected attributes, triggering a re-render of the chart with the new scales, while a tooltip on each point shows its x-value.

AI-generated description

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

See also React Starter.