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)

8241c6b802e54903b3159fb313dff5e4

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.