Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished scatter plot with menus

Public visualization

Polished scatter plot with menus

0 stars1🌍 Public
MmohitPassan
Last edited May 1, 2021
Created on May 1, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements by selecting which attribute appears on each axis via React dropdown menus. The visualization uses React with hooks to manage state and data fetching, while D3 v6 scales and SVG elements render the circles and axes. Axis components map data values to screen coordinates using `scaleLinear` with the `d3.extent` method, and hover tooltips display formatted values through SVG `<title>` elements. The chart maintains polished styling with custom tick marks, axis labels, and a Poppins font.

AI-generated description

Scatter plot of iris dataset using d3 and keeps track using react

Comments

Sign in to join the discussion.

MIT Licensed