Fork of Bonus ICE

100%

Fork of Bonus ICE

✓ Published0🌍 Public

Kkollirohit2000

Last edited Apr 6, 2023

Created on Apr 5, 2023

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`.

AI-generated description

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

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Bonus ICE

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.

VVamsi Krishna

89% match

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

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

85% match

Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This example displays a scatter plot of the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis, with each point colored by species. The code uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes into SVG circles. It converts penguin attributes to numeric values via a parse row function and maps species names to fixed colors. Data is fetched from a GitHub gist URL.

Mmanishcheruku

85% match

Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis for three penguin species, each color-coded via a custom marker function. It uses D3 v6’s `csv`, `scaleLinear`, and `axisLeft`/`axisBottom` to load and scale the data, rendering circles in SVG with marginal labels. The chart also encodes culmen length and depth as circle attributes `rx` and `ry`, though these do not affect the visible circular marks, which all use a fixed radius. Data comes from an external CSV URL fetched asynchronously.

Mmanishcheruku

85% match

Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between flipper length and body mass for three penguin species, with each species color-coded (Adelie, Chinstrap, and Gentoo). The visualization loads CSV data via `d3.csv`, parses numeric fields, and renders circles using SVG appended to the body. Scales created with `d3.scaleLinear` map the data to screen coordinates, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes. The chart includes a title and axis labels, with circles positioned by `cx` and `cy` attributes and colored by species.

Ssnehareddygurram

84% match

Loading thumbnail…

Fork of ICE7 reusable scatter plot

This example visualizes the Palmer Penguins dataset with an animated scatter plot that cycles through different x-axis measurements (culmen length, culmen depth, flipper length, and body mass) against body mass on the y-axis. Data points are color-coded by penguin species (Adelie, Chinstrap, and Gentoo) using custom SVG circle elements with varying radii. Built with D3 v6, the visualization uses the reusable scatterPlot module with d3.scaleLinear, d3.axisBottom, and d3.axisLeft, while a setInterval animation updates the x-scale every few seconds.

Nnagasai-gummadi

84% match