Skip to main content
100%

PolishedScatter Plot with Menus

✓ Published0🌍 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

MIT Licensed

Similar vizzes