Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

9d9b428a2f874e4db3baa81fbd4023f4

Polished Scatter Plot with Menus

0 stars0🌍 Public
BBen Seebeck
Last edited Nov 8, 2021
Created on Nov 8, 2021

This interactive scatter plot visualizes the Iris Dataset, displaying measurements from four flower attributes. Users select which attributes appear on the X and Y axes through two dropdown menus, with axis labels and scales updating accordingly. The visualization is built with React and D3 v7, using `scaleLinear`, `extent`, `max`, and `format` functions to position marks and format tick labels. SVG circles represent individual iris samples, with native `<title>` tooltips revealing exact values on hover. The example demonstrates a polished, reusable component architecture with axes, marks, and dropdowns split into separate functional components.

AI-generated description

A scatter plot of The Iris Dataset.