Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Penguin Data set scatter Plot

Public visualization

Viewing a saved revision (read-only)

b2dd79179ecd4c358b41f39494030253

Fork of Penguin Data set scatter Plot

0 stars1🌍 Public
MMounishSeeni
Last edited Mar 12, 2023
Created on Mar 11, 2023

This example presents a scatter plot of penguin data, visualizing flipper length against body mass. Each point is colored by species (Adelie, Gentoo, or Chinstrap), with additional fields for culmen length and depth stored in the data binding. The visualization uses D3 v5’s `csv` loader, `scaleLinear`, `extent`, and axis generators (`axisLeft`, `axisBottom`) to map the dataset, rendering circles as SVG elements with a fixed radius. The code also adds axis labels and a title styled with custom fonts, all within a React-compatible HTML page.

AI-generated description

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

See also React Starter.