Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

2a37eb3ffa844c31809de6e9747aa7b8

Scatter Plot with Menus

0 stars1🌍 Public
EEhtisham UL Hassan
Last edited Dec 8, 2021
Created on Dec 8, 2021
Forked from Scatter Plot 01

This example shows an interactive scatter plot of the Iris dataset, where users can dynamically select which flower measurements to display on the X and Y axes via dropdown menus. The chart renders as an SVG using React components and D3 scales, with the `scaleLinear` function mapping the chosen attributes to pixel coordinates. Circle marks representing individual data points are drawn using the `Marks` component, while custom axes and labels are built from D3 tick values. The data is loaded from a CSV file using `fetch` and parsed with `csvParse`.

AI-generated description

Refactored Bar Chart.