Skip to main content
100%

Polished Scatter Plot with Menus

✓ Published1🌍 Public
OOleg Zhernovoy
Last edited Nov 29, 2022
Created on Nov 29, 2022

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus, built with the ReactDropdown library, control which attribute is plotted on each axis, updating the visualization dynamically. The SVG chart is rendered using D3 v7’s `scaleLinear` for axes and points, with React managing state and component structure. Axis ticks, labels, and data points are generated from reusable components, with a tooltip revealing the current x-axis value. The plot uses a clean, polished design with custom styling.

AI-generated description

A scatter plot of The Iris Dataset

MIT Licensed

Similar vizzes