Skip to main content
SimilarExport ZIP
100%

BONUS ICE

✓ Published1🌍 Public
Ppavan0828
Last edited Jul 7, 2022
Created on Jul 7, 2022

This 3D scatter plot visualizes truck mileage in relation to height and weight. It reads data from a CSV file containing values for Height (feet), Weight (tons), and Mileage (mpg), rendering each data point as a black circle. The chart is created with Plotly’s `scatter3d` trace, while D3.js (`d3.csv`) handles the remote data loading. Axis titles are color-coded, and margins and font styles are customized through the layout object passed to `Plotly.newPlot`.

AI-generated description
MIT Licensed

Similar vizzes

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
78% 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
78% match
Loading thumbnail…

BONUS ICE SCATTER PLOT

This 3D scatter plot visualizes the relationship between age, height, and weight, using gender to color the markers. The visualization loads CSV data via the `d3.csv` function and renders a single marker trace with Plotly's `scatter3d` type. The code explicitly names the axes as Height, Weight, and Body Fat, with the marker color set to a uniform pink. The chart is generated using Plotly's `newPlot` method, which draws the interactive plot inside a designated HTML division.

Vviswak12
77% match
Loading thumbnail…

Bonus ICE - 3D Scatter Plot

This 3D scatter plot displays cricketer data by age, height, and weight, with points colored by player role (batsman, bowler, or all-rounder). The visualization uses Plotly.js’s `scatter3d` trace type, mapping the three numerical attributes to the x, y, and z axes. Point colors are assigned based on role, and the axes feature custom background and grid colors. Data is loaded from a CSV file via D3.js’s `d3.csv` function, demonstrating a combination of Plotly for 3D rendering and D3 for data parsing.

Nnagarajuobbineni
74% match
Loading thumbnail…

BonusICE_SBA

This example shows a 3D scatter plot of body mass index data, plotting Height, Weight, and Body Fat percentage as x, y, and z coordinates, with each marker rendered as a pink cross. It uses Plotly’s `scatter3d` trace type via `Plotly.newPlot` to render the interactive chart inside a `div`. The data is loaded from a CSV file using D3’s `d3.csv` and parsed with a custom `unpack` function to extract attribute columns. Axis titles are styled with custom fonts and colors, and the layout includes minimal margins.

SSai Bhavana Akkineni
74% match
Loading thumbnail…

Bonus ICE

This interactive 3D scatter plot, built with Plotly and D3.js, visualizes electronic sales data from a CSV file hosted on GitHub. Two distinct traces display relationships between item and unit price, using green and yellow markers to differentiate the encoded dimensions. The code initializes the plot by loading data with `d3.csv`, then constructs scatter3d traces with specific marker styling and opacity, ultimately rendering the visualization into a designated HTML div.

SSaiSree0122
73% match
Loading thumbnail…

BONUS 1: 3D Scatter Plot

This 3D scatter plot displays the relationship between height, weight, and body fat percentage, using the Plotly.js `Plotly.newPlot` method to render a `scatter3d` trace. The visualization reads CSV data via D3.js (`d3.csv`) from a GitHub-hosted `bmi.csv` file, mapping each axis to the corresponding attribute. Data points appear as navy circular markers with 0.8 opacity, while the layout defines green axis titles for each dimension. The chart is embedded in an HTML page with a Plotly and D3 script setup.

Rrallabandisushen@gmail.com
73% match
Loading thumbnail…

Fork of Bonus ICE - 3D Scatter plot

A 3D scatter plot visualizes bridge measurements, using the Plotly.js library and a dataset loaded via D3.js from a CSV file. Each marker represents a bridge, positioned by its length, width, and height, with axis titles labeled accordingly. The code uses `d3.csv` to fetch the data and `Plotly.newPlot` to render the interactive plot into a specified div. The layout configures the 3D scene with custom axis styling, while the plot’s markers appear as circles with defined opacity and outline properties.

Bbageltoes
72% match