Skip to main content
100%

Fork of Responsive Scatter Plot

✓ Published0🌍 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.

MIT Licensed

Similar vizzes