Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus and Color Legend

Public visualization

Viewing a saved revision (read-only)

b8386a65361340a88a4f22b7736dea76

Scatter Plot with Menus and Color Legend

0 stars0🌍 Public
TTatyana Milanova
Last edited Oct 6, 2023
Created on Oct 6, 2023

Interactive scatter plot of the Iris dataset, implemented with React and D3 v5, visualizes relationships between flower measurements. Users can dynamically select which quantitative attributes to plot on the x and y axes using dropdown menus, while a color legend distinguishes species. The visualization uses D3's scaleLinear, scaleOrdinal, and extent APIs to compute scales, with SVG marks rendered as circles. Data is loaded from a CSV file using D3's csv function. The interface includes custom React components for axes and a color legend, with styling from Poppins fonts and the react-dropdown library.

AI-generated description