Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Polished Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

2e287694ade04495be5953a28634336f

Fork of Polished Scatter Plot with Menus

0 stars0🌍 Public
Bbenpedroscott
Last edited Sep 27, 2021
Created on Sep 27, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements by switching the x-axis attribute via a dropdown menu. Built with React and D3 v5, the visualization renders SVG circles for each data point, with axis components (AxisBottom and AxisLeft) generating tick marks and labels. The code uses d3.scaleLinear, d3.extent, and d3.csv for data loading and scaling, while ReactDropdown provides the interactive menu. A native SVG `<title>` element serves as a basic tooltip, displaying the x-axis value for each point on hover.

AI-generated description

A scatter plot of The Iris Dataset.