Skip to main content
SimilarExport ZIP
100%

ICE-6 Penguins Dataset Scatter Plot

✓ Published0🌍 Public
SSanjib Paudel
Last edited Mar 21, 2023
Created on Mar 11, 2023
Forked from HTML Starter

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis. Each circle represents an individual penguin, colored by species (indigo for Adelie, red for Chinstrap, gray for Gentoo). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data and render SVG axes. Circle radius is fixed, while the `rx` and `ry` attributes are set to culmen measurements, though they do not affect the visible circle shape since `r` is also applied.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot for Penguin_Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis for all observed penguins. Each circle is color-coded by species, with colors distinguishing Adelie, Chinstrap, and Gentoo penguins. The visualization is rendered as an SVG using D3 v6, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. The code loads CSV data via `d3.csv`, parses numeric fields, and uses `selectAll` with `join` to create circles sized with a fixed radius.

Mmanishcheruku
96% match
Loading thumbnail…

ICE6-Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length against body mass for individual penguins, with each point colored by species (Adelie, Gentoo, and Chinstrap). The visualization uses D3 v5 to load the CSV data, apply linear scales via `scaleLinear` with `extent` for domains, and render SVG circles with species-based color markers. Axes are generated using `axisLeft` and `axisBottom`, with custom labels created via appended text elements. The layout is responsive to the browser window dimensions and renders entirely as SVG.

DDeepa-Murugesan
95% match
Loading thumbnail…

ICE-6: CSCE 5320 Q2 Penguins Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length to body mass and coloring each point by species—blue for Adelie, purple for Chinstrap, and red for Gentoo. It also encodes culmen length and depth as non-visual attributes within the data marks. Built with React and D3 v6, the example uses `d3.csv` to load data, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render an SVG with circles, explicit axes, and custom labels.

CChi Aghaizu
95% match
Loading thumbnail…

ICE-6

This scatter plot visualizes penguin measurements, plotting flipper length against body mass for individual penguins, with point color encoding species. Circles are positioned using linear scales derived from the data extents, and each point also encodes culmen length and depth through its rx and ry attributes. The visualization uses D3 v7’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendering as SVG on a React-rendered page. Data comes from a remote gist CSV containing Palmer Penguins measurements, with labeled axes and a title.

Kkarnisrikanth2212
94% match
Loading thumbnail…

ICE6.2: Scatter Plot for Penguin Dataset by Body Mass vs Flipper Length

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between body mass and flipper length with each point colored by species (Adelie, Chinstrap, or Gentoo). The D3.js v6 code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to map the quantitative variables to screen coordinates, and renders circles via SVG. Additional metadata encodes culmen length and depth as point radii, though the `rx` and `ry` attributes do not alter circle shapes as they are not used with the `rect` element.

SShashi42
94% match
Loading thumbnail…

Data Visualization ICE6-Q2: Penguins Dataset Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v6’s `scaleLinear` for axis scaling, `csv` for data loading, and SVG circles for marks, with axes generated via `axisLeft` and `axisBottom`. The chart also includes titles and axis labels to clarify the variables displayed.

Ppravalika.thogaru10@gmail.com
93% match
Loading thumbnail…

ICE-6 Penguin Datset

This visualization presents the Palmer Penguins dataset as a scatter plot, mapping body mass against flipper length, with each point colored by species (Adelie, Gentoo, Chinstrap). It loads data from a CSV URL using `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while custom labels use SVG text elements with rotation.

Nnehabaddam
93% match
Loading thumbnail…

ICE 6-Penguin Data set scatter Plot

This visualization displays a scatter plot of the Palmer Archipelago penguin dataset, plotting flipper length on the x-axis against body mass on the y-axis. Each point is colored by species: blue for Adelie, green for Gentoo, and brown for Chinstrap penguins. The code uses D3 v5 scales and axes from `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` (aliased in the destructured import) to render the SVG plot. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion.

Rrakeshkommineni
93% match