Fork of Responsive Scatter Plot
✓ Published0🌍 Public
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 descriptionA responsive scatter plot.
MIT Licensed