Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Menus with React

Public visualization

Menus with React

0 stars0🌍 Public
JJenny
Last edited Mar 4, 2021
Created on Mar 4, 2021

This example shows an interactive scatter plot of the Iris Dataset, allowing users to select which attributes to display on the x and y axes via dropdown menus. Hovering over a species in the color legend highlights the corresponding data points while fading others. The visualization is built using React components for the UI and SVG rendering, with D3.js v5 handling scales, axes, and color mapping. The `csv` function from D3 loads the dataset, while `scaleLinear` and `scaleOrdinal` manage the visual encoding.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed