Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatterplot with Menus

Public visualization

Viewing a saved revision (read-only)

5acecef5f5744b218d46de93eb803058

Polished Scatterplot with Menus

0 stars0🌍 Public
KK3zter
Last edited Dec 17, 2021
Created on Dec 17, 2021

This interactive scatterplot lets users explore the Iris dataset by changing which attributes are plotted on the X and Y axes via dropdown menus. The visualization initially shows petal length against sepal width, with each of the 150 flowers represented as a circle. Built with React, the chart uses D3 v7’s `scaleLinear`, `extent`, and `format` functions to compute scales and axis ticks. The SVG rendering is assembled from custom components for axes and marks, styled with the Poppins font and a teal color scheme. Data is loaded asynchronously from a remote CSV using D3’s `csv` function.

AI-generated description

A scatterplot of the Iris dataset