Bonus ICE

100%

Bonus ICE - 3D Scatter plot

✓ Published0🌍 Public

Last edited Apr 4, 2023

Created on Apr 3, 2023

This 3D scatter plot visualizes the Dolphin Species dataset, showing the relationship between body height, depth ability, and length of flipping for different dolphin species. The plot uses Plotly's `scatter3d` type via the `Plotly.newPlot` function, with data loaded through D3's `csv` method. Each data point is rendered as a semi-transparent circular marker, with crimson, green, and aqua axis labels for the three measured variables. The visualization is presented on a pink background with a green centered heading, and margins are configured to maximize the plot area.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - VII Reusable Scatter Plot

This interactive scatter plot animates a dolphin dataset, cycling through four physical attributes on the x-axis while keeping body length on the y-axis. The visualization uses a reusable `scatterPlot` component built with D3 v6, employing `scaleLinear`, `axisLeft`, and `axisBottom` to render axes. The code applies a color legend based on dolphin species, with a `setInterval` function triggering transitions between the x-axis attributes. The visualization also includes CSS-styled text and SVG circle elements with variable radii, showcasing a clean example of animated data exploration.

Mms.himabinduchalla@gmail.com

84% match

Loading thumbnail…

Bonus ICE for Scatter plot using D3.js

This example visualizes penguin species measurements using two interactive 3D scatter plots rendered with Plotly, where the first trace plots bill length, bill depth, and body mass, and the second shows flipper length, sex, and island. The data is loaded via `d3.csv` from a GitHub-hosted CSV file, and each trace uses `scatter3d` markers with distinct styling. The layout margins are zeroed for a clean presentation, and both traces are combined into a single Plotly chart drawn inside a designated HTML `div` using `Plotly.newPlot`.

VVAbhiram99

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

81% match

Loading thumbnail…

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

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

77% match

Loading thumbnail…

ICE Bonus

A three-dimensional scatter plot displays the relationship between height, weight, and age for individuals in a dataset. Each point represents a person, with size and opacity fixed, while colored markers show the three variables on the x, y, and z axes. The visualization uses Plotly’s `newPlot` function to render the `scatter3d` trace, and D3’s `d3.csv` method loads the data from a remote GitHub gist. The layout margin is set to zero for a clean, focused view.

DDINESH SAI BOPPANA

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

76% match

Loading thumbnail…

BONUS ICE SCATTER PLOT

This example visualizes a 3D scatter plot of body measurements, plotting Height, Weight, and BMI as points in three-dimensional space. The data comes from a CSV file loaded via `d3.csv`, and each marker is rendered as a black circle with defined opacity and size. The visualization is built using the Plotly.js `scatter3d` trace type and the `Plotly.newPlot` API, with axis titles styled in distinct colors. The layout configures margins and scene axes to frame the data within a minimal HTML page.

Ssrivalliwuyyuru

75% match