Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scater Chart with React & D3

Public visualization

Stylized Scater Chart with React & D3

0 stars1🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed