Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

eab9393186f342c1ab391dc668486651

Fork of React & D3 Starter

0 stars0🌍 Public
SSofia Nagavkina
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from React & D3 Starter

This example demonstrates a scatterplot of the Iris dataset, plotting sepal length against petal length as semi-transparent circles rendered in SVG. It uses React to manage the component lifecycle, with a `useData` hook loading CSV data via `d3.csv` and a `VizWrapper` component using `useEffect` and `select` to invoke the D3 `viz` function. D3 scales (`scaleLinear`, `extent`) and axes (`axisLeft`, `axisBottom`) are employed, showcasing a decoupled React and D3 integration pattern for scalable projects.

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