Bonus ICE

100%

✓ Published3🌍 Public

Last edited Jul 6, 2022

Created on Jul 6, 2022

This 3D scatter plot visualizes the Palmer Penguins dataset, showing the relationship between body mass, culmen length, and flipper length for three penguin species. D3 loads the CSV data, while Plotly’s `scatter3d` type renders the WebGL-powered interactive plot. Each species is color-coded via a custom colorscale (blue, orange, yellow), with white-outlined markers and semi-transparent axis backgrounds for depth perception. The plot uses Plotly’s `newPlot` API within a minimal HTML layout.

AI-generated description

A 3D scatter plot using Three.js and D3.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE - 2

This example shows two 3D scatter plots of the Palmer Penguins dataset, displaying bill length and bill depth on the x- and y-axes, with flipper length in one plot and body mass in the other. It uses Plotly’s `scatter3d` trace type within a single chart, rendered into a `div` via `Plotly.newPlot`. Data is loaded as CSV with D3.js (`d3.csv`) and mapped through a custom `unpack` function to extract numeric columns for each axis.

MMahitha-Moparthi

90% match

Loading thumbnail…

Fork of Bonus ICE

This example shows a 3D scatter plot of the Palmer Penguins dataset, mapping body mass, culmen length, and flipper length on the x, y, and z axes. Points are colored by species using a custom color scale. It loads the CSV data via `d3.csv`, then builds a `scatter3d` trace with Plotly.js, styling markers and colored axis backgrounds. Rendering is WebGL-based, and the plot is drawn into a div using `Plotly.newPlot`.

Kkollirohit2000

89% match

Loading thumbnail…

Fork of Bonus ICE

A 3D scatter plot displays the Palmer Penguins dataset, mapping body mass, culmen length, and flipper length along the three axes. Points are colored by species using a custom Plotly colorscale, with steel blue for Adelie, salmon for Chinstrap, and gold for Gentoo penguins. The visualization uses Plotly’s `scatter3d` trace type via `Plotly.newPlot`, while D3’s `csv` loads the data from a remote file. Each axis includes a colored background and white gridlines, with markers outlined in white for clarity.

Aav.dj.2000@gmail.com

89% match

Loading thumbnail…

3D scatter plot-penguin dataset

This visualization presents the Palmer Penguins dataset as an interactive 3D scatter plot, mapping body mass, culmen length, and flipper length along the x, y, and z axes. Each marker’s color encodes the penguin species, using a custom color scale that distinguishes Adelie, Chinstrap, and Gentoo penguins. The plot is rendered with Plotly’s `scatter3d` type, while D3 handles loading the CSV data via `d3.csv`. The code assigns numeric color values to each species and configures a background grid with axis titles through the `layout.scene` object, all within a WebGL-enabled browser.

Yyamunaunt

87% 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

86% match

Loading thumbnail…

ICE-6(11630234)- Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Archipelago penguin dataset, plotting flipper length against body mass for three penguin species, with each species distinguished by a distinct color. The visualization is built using D3 v5 and renders to an SVG canvas, leveraging `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map the data. Additional attributes like bill length and bill depth are stored on each circle, though not displayed, and the plot includes axis labels and a title.

KKovvuri Supraj

86% match

Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This interactive scatter plot visualizes the Palmer Penguins dataset, showing the relationship between flipper length and body mass for three penguin species, each color-coded via a custom marker function. The visualization loads CSV data using `d3.csv` and renders circles in an SVG container using D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Each data point maps flipper length to the x-axis and body mass to the y-axis, with species distinguished by color. The chart includes labeled axes and a title, all rendered within a full-window SVG.

Ssnehareddygurram

86% 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

86% match