Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

f07d60a9451b4d1a84822ba15e53ee4d

Stylized Scatter Plot

0 stars2🌍 Public
Jjiro2017
Last edited Sep 21, 2021
Created on Sep 20, 2021
Forked from Stylized Bar Chart

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and sepal width on the y-axis, with each flower represented as a teal circle. Built with React and D3 v7, the visualization uses d3.scaleLinear for both axes and d3.extent to compute the domain from the data. SVG circles render the marks, while React components for the axes and marks handle the tick lines, labels, and hover tooltips. The data loads asynchronously via d3.csv from a remote gist, and the chart applies a custom Poppins font and muted color palette.

AI-generated description

A scatter plot of The Iris dataset