Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Responsive Scatter Plot

Public visualization

Viewing a saved revision (read-only)

0d6dffcdde1041d6a0a7128ddd79addc

Fork of Responsive Scatter Plot

0 stars0🌍 Public
MM Hema
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example demonstrates a responsive scatter plot using the Palmer Penguins dataset, mapping bill length to the x-axis and flipper length to the y-axis. It filters out rows with missing values and renders semi-transparent circles over a light gray inner rectangle. The visualization leverages D3’s `scaleLinear` and `axisLeft` for scales and axes, while the `@curran/responsive-axes` library handles axis labels and tick formatting. Container resizing is managed through `observeResize` from `@curran/responsive-axes`, with the SVG width and height updated accordingly.

AI-generated description

A responsive scatter plot.