Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Fork of React & D3 Starter

0 stars0🌍 Public
Iismaelhf0
Last edited Jul 22, 2023
Created on Jul 22, 2023
Forked from React & D3 Starter

This example shows a scatterplot of the classic Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis with semi-transparent circles. It is built as a React component that loads CSV data via d3.csv and renders SVG elements, using d3.scaleLinear for scales and d3.axisBottom/axisLeft for axes. The visualization demonstrates a decoupled architecture where React manages the component lifecycle and D3 handles the chart rendering, making it a practical starter template for scaling up complex 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:

Comments

Sign in to join the discussion.

MIT Licensed