Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Penguins Dataset Scatter plot

Public visualization

Penguins Dataset Scatter plot

0 stars0🌍 Public
Ddheeraj1509
Last edited Mar 6, 2023
Created on Mar 6, 2023
Forked from React & D3 Starter

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between flipper length and body mass for three penguin species, with each species color-coded. The React application uses d3.csv to load data and d3.scaleLinear with d3.extent to map values to screen coordinates. The visualization renders circles as SVG elements with fill-opacity for overlapping points, and includes axes generated using d3.axisLeft and d3.axisBottom within a decoupled React and D3 architecture.

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