Skip to main content
100%

Fork of Stylized Scatter Plot

✓ Published1🌍 Public
RReymond Mesuga
Last edited Mar 18, 2021
Created on Mar 18, 2021

This example visualizes the classic Iris Dataset, plotting petal length against sepal width as a stylized scatter plot. The implementation uses React to render the SVG elements, while D3.js provides the data loading, linear scaling, and axis tick generation through `scaleLinear` and `extent`. The `Marks` component draws each circle with a tooltip showing the formatted x-value, and the axes are constructed from reusable `AxisBottom` and `AxisLeft` components. The design features a Poppins typeface, muted gray and teal colors, and generous margins for axis labels.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes