Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Responsive scatter plot

Public visualization

Responsive scatter plot

0 stars0🌍 Public
DDonald Bagwell
Last edited Apr 14, 2024
Created on Apr 14, 2024

This responsive scatter plot visualizes the relationship between bill length and flipper length for penguins from the @drbagwell/penguins dataset. The D3 code uses scaleLinear and extent to map data values to x and y coordinates, with circles rendered at varying positions and opacity. The visualization adapts to container size changes via observable resize handling, redrawing the SVG dimensions and axes accordingly. A gray inner rectangle marks the plotting region, and axis labels are provided by the @drbagwell/axis-labels library.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative

Comments

Sign in to join the discussion.

MIT Licensed