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)

642273936b564507a3992e03d2e1a04a

Fork of Responsive Scatter Plot

0 stars0🌍 Public
Rrobertotienonyaranga@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example visualizes penguin measurements from the `@curran/penguins` dataset, plotting bill length against flipper length in a scatter plot. The chart filters out rows with missing values and uses D3 v6 to render SVG circles with adjustable opacity and radius. It employs `observeResize` from `@curran/responsive-axes` to make the visualization responsive, updating the chart dimensions on container resize. The code imports `viz` from `./viz` and `select` from D3 to manage the SVG element, with axis labels and grid styling handled through the `viz` function.

AI-generated description

A responsive scatter plot.