🌍 Public
Viewing a saved revision (read-only)
ab26eb8d2a1a4896b4cd7bd19b2ccb4e
Stylized Scatter Plot
SShane Carey
Last edited Jan 27, 2021
Created on Jan 27, 2021
Forked from Refactoring - Barchart with margins and axes
This stylized scatter plot displays the relationship between petal length and sepal width in the Iris dataset, loaded via d3.csv from a GitHub gist. React components render the SVG circles and axes, with d3.scaleLinear mapping data values to pixel coordinates. The visualization uses a Poppins font, teal-colored marks, and custom axis tick styling. Hovering over a circle reveals its petal length through an SVG title tooltip, while tick formatting uses d3.format to abbreviate values.
AI-generated descriptionloads data with d3 and react