Skip to main content
100%

Stylized Scater Chart with React & D3

✓ Published1🌍 Public
Bbassra
Last edited Jan 14, 2023
Created on Jan 14, 2023

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 description

A Styled bar chart with React & d3.

MIT Licensed

Similar vizzes