Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

PolishedScatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

bf5e4f1ef0714894a16c619e101bb41e

PolishedScatter Plot with Menus

0 stars0🌍 Public
Ww.fukuyama@gmail.com
Last edited Dec 16, 2022
Created on Dec 16, 2022

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus control which attribute is mapped to the x-axis and y-axis. The visualization updates dynamically with each selection, rendering axes, labels, and circular marks within an SVG canvas. Built with React and D3 v7, the example uses `scaleLinear` for continuous scales and `extent` to compute data domains. Data is loaded via D3's `csv` function from a remote gist URL, with numeric values parsed on import. The implementation separates concerns into components for axes, dropdowns, and data marks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter. css named colors

scatter plot test