Skip to main content
SimilarExport ZIP
100%

Penguin Scatter Plot

✓ Published0🌍 Public
Kkrishnareddy23
Last edited Mar 8, 2023
Created on Mar 8, 2023
Forked from Hello HTML

This scatter plot shows the relationship between bill length and body mass for penguins, with each dot representing an individual penguin. The visualization uses D3 v7’s `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for ticks, rendering points as SVG circles via `chart.selectAll('.dot')`. Data is loaded asynchronously from a CSV file using `d3.csv`, and the chart is sized with fixed margins within a 600x500 pixel container. No categorical color encoding is applied to the dots.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Penguins Dataset

A scatter plot displays the relationship between bill length and body mass for penguins, with each circle representing an individual penguin. The visualization loads data from the Seaborn Penguins Dataset CSV and renders it as an SVG using React components. D3 v5 scale functions (`scaleLinear`), axis components, and extent calculations handle the coordinate mapping and tick generation, while each data point is drawn as a circle with a native SVG tooltip title.

Nnghosh319
90% match
Loading thumbnail…

Penguin Scatter Plot

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.

SSubhendu Karmakar
89% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length to bill length on the x-axis and body mass to bill depth on the y-axis, with circle sizes representing bill dimensions and colors indicating species (Adelie, Gentoo, or Chinstrap). It uses D3 v5 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and scale the data from a GitHub-hosted CSV, rendering SVG circles with custom labels and a cursive font.

PPYATA SHARAN
88% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes penguin data, showing flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie in blue, Gentoo in pink, and Chinstrap in black). The code uses D3 v5 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub Gist, map the quantitative values to pixel coordinates, and render SVG circles with a fixed radius. Additional bill measurements are stored as attributes (`rx`, `ry`) on each circle but are not visually encoded. Axis labels and a title are added as SVG text elements.

KKiran Jyothi Bodduluri-11604571
88% match
Loading thumbnail…

scatter Plot

This scatter plot visualizes penguin data showing flipper length against body mass, with each point colored by species. It also encodes bill dimensions through circle position attributes, though these are not visually distinct. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to coordinates. Data is loaded via `csv` from a GitHub gist, and points are rendered as circles with species-based fill colors.

BBala Sai Krishna
88% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes penguin measurements, showing flipper length against body mass, with each point colored by species (Adelie, Gentoo, or Chinstrap). Circle radii are also mapped to bill measurements. The visualization uses D3 v6 to load CSV data from a remote GitHub gist, parse numeric fields, and render an SVG with `scaleLinear` scales, `axisLeft` and `axisBottom` for axes, and `.join('circle')` to create the data points.

Ssuryavamsi00024
87% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the penguin dataset, showing the relationship between flipper length and body mass, with each point colored by species (Adelie, Gentoo, and Chinstrap). The visualization is built using D3 v5 within a React framework, rendering to an SVG canvas that fills the browser window. The code uses `d3.csv` to load the data, `d3.scaleLinear` to map the data values to pixel coordinates, and `d3.axisLeft` and `d3.axisBottom` to draw the axes. The scatter plot also encodes bill dimensions through the circle's `rx` and `ry` attributes, and the chart is labeled with a title and axis labels.

Yyaswanthsen
87% match
Loading thumbnail…

Scatter Plot

A scatter plot maps penguin flipper length to body mass, with points colored by species (Adelie, Gentoo, and Chinstrap) using cyan, magenta, and green. The SVG visualization is built with D3 v5, using `scaleLinear` for axes, `extent` to compute domains, and `axisLeft`/`axisBottom` for ticks. Data is loaded as CSV from a GitHub gist, and each circle’s size is fixed at radius 5 while bill dimensions are stored as extra attributes. The chart includes a title and cursive font styling for axes.

Kkrishnareddy23
87% match