Skip to main content
SimilarExport ZIP
100%

Scatter Plot for Penguin Dataset

✓ Published0🌍 Public
IIndiraSiripurapu
Last edited Mar 12, 2023
Created on Mar 12, 2023
Forked from HTML Starter

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass for three penguin species, each color-coded via a custom marker function. The visualization uses D3 v5 with an SVG rendering approach, leveraging `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The data is loaded asynchronously from a CSV URL and parsed with numeric conversions for quantitative attributes. Circle marks are positioned using scaled x and y values, with fill colors assigned by species. The chart includes rotated axis labels and a title, all styled with custom fonts and sizes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Penguin Dataset Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with each point colored by penguin species. Additional culmen measurements are encoded in the circle radii, though the visual distinction is subtle. The visualization is built with D3 v5 and rendered as SVG, using `d3.csv` to load the data, `d3.scaleLinear` with `d3.extent` for axis scaling, and custom margin calculations for the layout. The axes are labeled with cursive font styling, and the chart includes a title centered above the plot.

PPrasanth
95% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, encoding flipper length on the x-axis, body mass on the y-axis, and coloring each point by penguin species. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to map the quantitative values to pixel coordinates, and d3.axisLeft and d3.axisBottom for the axes. Circles are rendered via SVG with a fixed radius, while additional culmen measurements are stored as attributes on each circle. The visualization fills the browser window using window.innerWidth and innerHeight, with a title and axis labels added as SVG text elements.

AAniv Chakravarty
94% match
Loading thumbnail…

Penguin Dataset Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length and body mass for individual penguins, with point colors distinguishing three species. The visualization also encodes culmen length and depth as circle radii, revealing relationships across multiple morphological traits. Rendered as SVG using D3 v5 within a React framework, it employs scaleLinear, extent, axisLeft, and axisBottom to construct the axes and scales, with data loaded asynchronously via csv from a GitHub Gist.

Ggunasindhuja
94% match
Loading thumbnail…

Penguins Dataset Scatter plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by species (Adelie, Gentoo, or Chinstrap). The D3.js v5 code loads CSV data via `d3.csv`, parses numeric fields, and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. Circles are positioned via `attr` and colored using a custom switch function. Axis labels and a title are added as SVG text elements.

Ddheeraj1509
94% match
Loading thumbnail…

Penguin Dataset Scatter Plot (with Color)

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis. Each circle is colored by penguin species—blue for Adelie, green for Gentoo, and red for Chinstrap—allowing quick comparison of morphological traits across groups. The D3 code loads the data via `csv()`, uses `scaleLinear()` for axis scaling, and renders circles with SVG, while `axisBottom()` and `axisLeft()` add labeled axes.

Hhimavinaytummala@my.unt.edu
94% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the data to SVG circles. Additional penguin measurements—culmen length and depth—are stored as `rx` and `ry` attributes on each circle, though they do not affect rendering. The chart includes axis labels and a title, with data fetched from a GitHub gist.

HHarshavardhan
94% match
Loading thumbnail…

Scatter Plot- Penguine Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by penguin species (Adelie, Gentoo, or Chinstrap). The code uses D3 v5’s `csv` loader, `scaleLinear` for axes, and `extent` to compute domains, rendering circles as SVG elements with `attr`-based positioning. It also loads bill length and depth values as extra attributes on each mark, despite not using them for the chart’s geometry. The axes are drawn with `axisLeft` and `axisBottom`, and custom text labels are appended manually.

Ttejasviprasad06@gmail.com
94% match
Loading thumbnail…

Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and bill length on the y-axis. Colored circles represent three penguin species (Adelie, Gentoo, and Chinstrap), with each point's radius and shape also encoding bill dimensions. The visualization uses D3 v5's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, map scales, and render SVG axes. Circles are appended via D3 selections, with species-based color mapping defined through a switch statement. The chart includes labeled axes and a title, rendered in a full-window SVG using React-free vanilla JavaScript.

Aakhilgupta11
94% match