Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Penguin Data set scatter Plot

Public visualization

Viewing a saved revision (read-only)

9f42bc15ba8d4cf98a192cbd5247d663

Penguin Data set scatter Plot

0 stars0🌍 Public
TTejaswicmandava
Last edited Mar 12, 2023
Created on Mar 11, 2023
Forked from HTML Starter

This scatter plot visualizes the relationship between flipper length and body mass for three penguin species, with each species distinguished by color. The code uses D3 v5 with SVG rendering in a React context, loading data from a CSV file hosted on GitHub. It employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot, positioning circles via `cx`, `cy`, and `fill` attributes. Axis labels and a title are added as SVG text elements, and the visualization fills the entire browser window by using `window.innerWidth` and `window.innerHeight`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.