Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatterplot with Menus

Public visualization

Viewing a saved revision (read-only)

96a3e4919ac347dfb82c8c5557651a09

Scatterplot with Menus

0 stars1🌍 Public
KKai Stewart
Last edited Nov 15, 2021
Created on Nov 10, 2021
Forked from Scatterplot

This interactive scatterplot displays the Iris dataset, loaded via d3.csv from a GitHub Gist. React state manages two dropdown menus that select which of the four flower attributes (sepal length/width, petal length/width) are mapped to the x- and y-axes, updating the scales and axes dynamically. The SVG visualization uses d3.scaleLinear for positioning, custom React components for the axes and marks, and native SVG <title> elements for tooltips. A Poppins font and fixed styling give the chart a clean, button-driven interface.

AI-generated description

A scatterplot of the Iris Data Set loaded as a .csv from GitHub Gist