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 shows the relationship between bill length and flipper length in penguins, with each circle representing an individual bird and its species identifiable by color. The plot uses a responsive layout that adapts to the container size via `observeResize`, recalculating the SVG dimensions accordingly. The visualization filters out rows with missing measurements, then applies `d3.scaleLinear` for both axes and renders the data points as semi-transparent circles. It leverages the `@curran/responsive-axes` library to draw labeled axes and a light gray inner rectangle behind the plotting area. Data comes from the `@curran/penguins` dataset, which includes species, island, and morphometric measurements.

AI-generated description

A responsive scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed