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
Rrobertotienonyaranga@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example visualizes the relationship between bill length and flipper length of penguins from the `@curran/penguins` dataset. The plot uses a responsive scatter plot where each circle represents a penguin, with its position determined by the two measurements. The visualization filters out missing values and uses D3's `scaleLinear` and `axisLeft` to construct the axes, while the `observeResize` utility from `@curran/responsive-axes` handles responsive resizing. The chart includes a light gray inner rectangle background and semi-transparent circles, with labels for both axes indicating the measured traits in millimeters.

AI-generated description

A responsive scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed