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 penguin bill length against bill depth, with each point representing an individual penguin. The plot adapts its dimensions to the container size using the `observeResize` utility from `@drbagwell/responsive-axes`, while the visualization itself is built with D3's `select` and `join` operations. Data comes from the `@curran/penguins` package. The axes, labels, and plot area are rendered using D3's `scaleLinear` and the `axes` function from the responsive-axes 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