Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6

Public visualization

Viewing a saved revision (read-only)

1c0bb8ba1e69438e9286b1889ea66ed9

ICE-6

0 stars0🌍 Public
Mmboinapally17
Last edited Mar 9, 2023
Created on Mar 9, 2023

This example visualizes the relationship between flipper length and body mass for three penguin species, with each species encoded by color. The scatter plot uses D3’s `scaleLinear` and `extent` to map data values to SVG circle positions, with axes generated via `axisLeft` and `axisBottom`. Data is loaded from a CSV using `d3.csv`, and the chart also encodes culmen length redundantly through circle `rx` and `ry` attributes, though the radius remains constant. The visualization fills the window using `window.innerWidth` and `window.innerHeight`, with custom font styling for axis labels.

AI-generated description

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

See also React Starter.