Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Responsive Scatter Plot

Public visualization

Fork of Responsive Scatter Plot

0 stars0🌍 Public
SStuart Sessions
Last edited Apr 30, 2024
Created on Apr 30, 2024

This example shows a responsive scatter plot of Palmer Penguins data, mapping bill length against flipper length for individual penguins. The visualization uses D3.js to render circles with a light gray background, and it adapts its dimensions to the container size via the `@curran/responsive-axes` library. The code uses `observeResize` to track container dimensions and `scaleLinear` from D3 to compute axis scales. It also imports the dataset from `@curran/penguins`, which includes species, island, and body measurements for each penguin.

AI-generated description

A responsive scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed