Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

8cdaa6dc1a2041f090dcedee3e7a7779

Polished Scatter Plot with Menus

0 stars0🌍 Public
SSong Tao Chen
Last edited Jan 7, 2022
Created on Jan 6, 2022

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements through dropdown menus that dynamically change the X and Y axes. The visualization uses React for state management, d3.scaleLinear and d3.extent for scaling axes, and d3.csv for data loading. SVG circles with d3.format-based tooltips display data points, while custom AxisBottom and AxisLeft components render ticks. The ReactDropdown component enables attribute selection, with axis labels updating accordingly to reflect the current measurements displayed.

AI-generated description

7:59:35 continue