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)

9a843b30cd5e472e8ccf63301704082e

Polished Scatter Plot with Menus

0 stars1🌍 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