Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scotter Plot with Menu

Public visualization

Viewing a saved revision (read-only)

d7e60cb4809f46b4a644c7bbe8a4958b

Scotter Plot with Menu

0 stars1🌍 Public
AAmir
Last edited Mar 2, 2021
Created on Mar 2, 2021
Forked from Scoter Plot

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus, implemented with React state, control which attribute appears on the x- and y-axes, with axis labels updating accordingly. The chart uses d3.scaleLinear to map data values to SVG coordinates, with reusable AxisBottom and AxisLeft components rendering ticks and grid lines. Each data point is drawn as a circle with an SVG title tooltip showing its hover value. The visualization is built with d3.v6 and React, loading data via d3.csv.

AI-generated description

United Nation Population Bar Chart