Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1e83c4fdabcb4633a3771daf9b9f3069

Open

Fork of React & D3 Starter

0 stars0🌍 Public
SSimone Tolomelli
Last edited Jun 14, 2022
Created on Jun 14, 2022
Forked from React & D3 Starter

This example shows a scatterplot of the Iris dataset, plotting sepal length against petal length for each flower sample. The visualization is built with React and D3 v7, where React manages the component lifecycle and D3 handles the rendering of circles, axes, and scales. The visualization uses D3's `csv` loader to parse the data, `scaleLinear` for coordinate mapping, and `axisLeft`/`axisBottom` for the axes, all output as SVG elements.

AI-generated description

This viz is a starter that demonstrates patterns used in real world projects in which complexity is anticipated to scale.

  • Decoupled React & D3 integration
  • Opening moves for scalable complexity
  • Industry standard ES modules and JSX
  • Copy-paste into existing projects

Any questions? Ask on Twitter!

Also viewable in:

MIT Licensed