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)

e53963e6a78441af96f0f646d6ad12ac

Polished Scatter Plot with menus

0 stars1🌍 Public
SShanmukh
Last edited May 2, 2024
Created on May 1, 2024

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between different floral measurements. Two dropdown menus let viewers independently select which attribute appears on the x-axis and y-axis, with options for sepal and petal lengths and widths. Built with React and D3 v5, the visualization renders as an SVG, using d3.scaleLinear for axes and d3.extent to compute domains from the data. Circles represent individual iris samples, and hovering reveals tooltips with formatted x-axis values. The clean design uses CSS from react-dropdown-browser and the Poppins font for a polished interface.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: Iris Dataset.