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)

623fb64e59b74bdda50c836bd23cab50

Polished Scatter Plot with Menus

0 stars1🌍 Public
SSonja Ek
Last edited Jun 8, 2021
Created on Jun 8, 2021

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus, built with ReactDropdown, let viewers dynamically change which attributes map to the x- and y-axes, with axis labels updating accordingly. The plot is rendered as an SVG using D3 scales (scaleLinear) within a React framework, with circles colored teal and tooltips displaying precise values on hover. The code leverages D3’s csv loader to parse the data and D3’s format function for axis tick labels.

AI-generated description

A scatter plot of the Iris Dataset, this time with menus for changing attributes. The manus are built using the react-dropdown library.