Stylized Scater Chart with React & D3
✓ Published1🌍 Public
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.
MIT Licensed