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
HHollyClarke19
Last edited Apr 11, 2021
Created on Apr 11, 2021

This interactive scatter plot displays the Iris dataset, showing relationships between two selected attributes such as petal length and sepal width. Users can choose any variable for the X and Y axes using dropdown menus, which re-render the visualization with new scales and labels. Built with React and D3 v6, the chart uses d3.scaleLinear for axes and d3.csv for data loading, rendering circles as SVG marks. The code also implements custom axis components and formatted tick labels for a polished presentation.

AI-generated description

A scatter plot showing the Iris dataset and the relationship between Petal Length and Sepal Width (adaptable to any variable) using D3 and React.

Comments

Sign in to join the discussion.

MIT Licensed