Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

responsive scatter plot

Public visualization

Viewing a saved revision (read-only)

0262fc8bc48a45daae3054cd721b393a

responsive scatter plot

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

This example creates a responsive scatter plot using D3 to visualize the relationship between bill length and flipper length in penguins, with data from the `@drbagwell/penguins` package. It uses `observeResize` from `@drbagwell/responsive-viz-axes` to dynamically update the SVG’s width and height, and `axes` to draw labeled axes. The plot renders semi-transparent gray circles on a gray background, filtering out any data points with missing measurements.

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