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)

b5534a8e11464a1383872d3cab16a548

Polished Scatter Plot with Menus

0 stars0🌍 Public
KKeerthiKandadai
Last edited May 10, 2020
Created on May 10, 2020

This interactive scatter plot from the Iris Dataset lets users explore relationships between different measurements by selecting which features to plot on the X and Y axes via dropdown menus. Built with React and D3 v5, it renders circles as SVG marks with tooltips showing formatted values, using d3.scaleLinear for axes and d3.extent for domain calculation. The ReactDropdown component from react-dropdown manages the attribute selection, while custom AxisBottom, AxisLeft, and Marks components handle the grid and data points.

AI-generated description

A scatter plot of The Iris Dataset.