This example visualizes the relationship between bill length and flipper length for penguin species, with each circle representing an individual penguin. The scatter plot encodes the quantitative variables on linear scales, mapping bill length to the x-axis and flipper length to the y-axis. Using D3’s `scaleLinear`, `extent`, and `axisLeft`, the visualization constructs axes and positions circles with a fixed radius and opacity. The `@curran/responsive-axes` library handles responsive axis rendering, while `@curran/penguins` provides the dataset. A light gray inner rectangle frames the plotting area, and the chart adapts to container resizing via `observeResize`.