Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

2da4efbd79744b8d906934ec3b477d38

Fork of Stylized Scatter Plot

0 stars0🌍 Public
SSampras Dsouza
Last edited Jun 15, 2022
Created on Jun 15, 2022

A scatter plot visualizes the Iris dataset, showing petal length on the x-axis and sepal width on the y-axis for individual flower samples. The visualization uses React components to render the SVG elements, with d3.scaleLinear handling the axis scales and d3.extent computing the data domains. The code defines reusable AxisBottom, AxisLeft, and Marks components, applying Poppins typography and a teal color scheme with subtle grey grid lines. Each circle includes a native SVG title element for hover tooltips displaying the formatted x-axis value.

AI-generated description

A scatter plot of The Iris Dataset.