Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished scatterplot with menus

Public visualization

Viewing a saved revision (read-only)

b0d64b7f00ff448bb312f963f04bad8d

Polished scatterplot with menus

0 stars1🌍 Public
Mmartinbirch@outlook.dk
Last edited Apr 29, 2024
Created on Apr 29, 2024

This example visualizes the Iris dataset as a scatterplot, with interactive dropdown menus allowing viewers to select which flower attributes appear on the X and Y axes. Built with React and D3.js v5, it uses `d3.scaleLinear` and `d3.extent` to map data values to SVG coordinates, with axes rendered as custom React components. Data loads asynchronously via `d3.csv`, and hover tooltips display formatted values using SVG `<title>` elements. The interface is styled with the Poppins font and the react-dropdown library.

AI-generated description

A program that shows scatterplot of the iris dataset

Data: The Iris Dataset