Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Penguin Scatter Plot

Public visualization

Viewing a saved revision (read-only)

206b1e3828b0459ea2bbf08da1abe6d3

Penguin Scatter Plot

0 stars2🌍 Public
SSubhendu Karmakar
Last edited Feb 5, 2024
Created on Jan 31, 2024
Forked from Axes Labels

A penguin scatter plot displays the relationship between bill length and bill depth for individual penguins, with each data point represented as a semi-transparent circle. The chart uses D3.js to create a linear scale for both axes, render the plot marks, and draw labeled axes with directional arrows indicating increasing values. The data comes from the @curran/penguins dataset, and the visualization is built using reusable modules that separate axis rendering, scatter plot logic, and the main visualization setup. The code relies on d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom.

AI-generated description