🌍 Public
Viewing a saved revision (read-only)
d4fd6911b83845b285a1f825ecc9c517
Stylized Scater Chart with React & D3
This example shows a stylized scatter plot of the Iris dataset, plotting sepal length against sepal width. Each flower is rendered as a teal circle with a tooltip showing the sepal length value. The visualization is built with React components that generate SVG elements, using D3 v5’s `scaleLinear` for scales and `extent` for domains. Axes are custom components that render tick lines and labels, with an `.2s` format applied to tick values. The data is loaded asynchronously via D3’s `csv` function and mapped to numeric fields.
AI-generated descriptionA Styled bar chart with React & d3.