Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of React & D3 Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

6e3d6111125043d189c2005b18abd4ed

Open

Fork of Fork of React & D3 Starter

0 stars0🌍 Public
RRevanthGrreddy
Last edited Jun 25, 2022
Created on Jun 25, 2022

This scatterplot visualizes the Iris dataset, plotting sepal length against petal length with semi-transparent circles. It demonstrates a scalable React and D3 integration, using React hooks (useState, useEffect, useRef) to manage data loading and the component lifecycle. D3 v7 handles SVG rendering and scales, including axis generation via d3.axisLeft and d3.axisBottom. The visualization fills the browser window, encoding each flower measurement as a point.

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