Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatterplot with menu

Public visualization

Viewing a saved revision (read-only)

b37f5ce798c84819991aa5352917958f

Stylized Scatterplot with menu

0 stars1🌍 Public
MMark Lam
Last edited Aug 6, 2021
Created on Jul 21, 2021

This interactive scatterplot displays the classic Iris flower dataset, allowing viewers to dynamically select which quantitative attributes appear on the X and Y axes through two dropdown menus. Each circle represents an individual iris flower, positioned according to the chosen variables, with tooltips revealing the precise X-axis value upon hover. Built with React and D3 v5, the visualization uses D3 scales and SVG rendering for the plot, passing data through custom components like `Marks` and `AxisBottom`. The dropdowns use `react-dropdown`, and the data is loaded asynchronously from a CSV file via D3’s `csv` parser.

AI-generated description

Axes with 3D