Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Dynamic Scatter Plot

Public visualization

Viewing a saved revision (read-only)

0a3cd840a8634d2da8b9bad7aa6932a4

D3 Dynamic Scatter Plot

0 stars1🌍 Public
AAmeer Nuri
Last edited Jan 15, 2022
Created on Jan 5, 2022

This interactive scatter plot visualizes the Iris flower dataset, with a dropdown menu to switch the x-axis between sepal length and width. Built with React and D3 v7, it renders SVG circles whose positions map sepal measurements to linear scales. The application fetches CSV data via `d3.csv`, computes extents with `d3.extent`, and uses `scaleLinear` for axes. Custom React components handle the x/y axes, dropdown, and data marks, with tooltips for values.

AI-generated description

D3 Iris Scatter Plot