Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot with menus

Public visualization

Viewing a saved revision (read-only)

36bcebfae9804c4592ee5b6cfa3896ee

Scatter plot with menus

0 stars1🌍 Public
SShuyu Zheng
Last edited Dec 27, 2020
Created on Dec 27, 2020

This interactive scatter plot displays the Iris dataset, with dropdown menus allowing users to select which attributes appear on the x- and y-axes. Built with React and D3 v5, the visualization uses `scaleLinear` and `extent` to compute scales, mapping the chosen columns to positions of SVG circles. Axis components render ticks and labels, while the `Marks` component adds tooltips via SVG `<title>` elements. The data is loaded asynchronously from a CSV file using D3’s `csv` function.

AI-generated description

A program that render The Iris Dataset using uses React.