BonusICE_SBA

100%

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

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.

AI-generated description

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

Similar vizzes

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

89% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This example visualizes body mass index data as a 3D scatter plot, mapping height, weight, and body fat percentage onto the x, y, and z axes of an interactive Plotly chart. The visualization uses Plotly’s `scatter3d` trace type to render pink circular markers with adjustable opacity, while axis titles and fonts are configured through the layout’s scene properties. The code loads data via `d3.csv()` and processes it with a custom `unpack` function to extract attribute values as arrays, which are then passed to `Plotly.newPlot()` to render the chart inside a designated HTML div.

SSaiSreya1

85% match

Loading thumbnail…

3D Scatter Plot

This example visualizes body mass index data with an interactive 3D scatter plot, mapping height, weight, and body mass onto the x, y, and z axes. The visualization uses Plotly’s `scatter3d` trace type, rendered inside a `div` via the `Plotly.newPlot` API. Data is loaded asynchronously from a CSV file using D3’s `d3.csv` method, with a custom `unpack` function extracting each attribute into arrays. Markers appear as pink circles with fixed size and opacity, while axis titles are styled in red within the layout’s scene configuration.

LLakshmipriya-kalapala

85% match

Loading thumbnail…

BONUS 1: 3D Scatter Plot

This 3D scatter plot visualizes body mass index data, mapping height, weight, and body fat percentage onto the x, y, and z axes. Each pink marker represents an individual data point from a CSV file loaded via D3.js. The visualization uses the Plotly.js `scatter3d` trace type, with axes titles and styling configured in the layout object. The chart is rendered into a div element using the `Plotly.newPlot` method.

SShreeti Upreti

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

85% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This example displays a 3D scatter plot of body mass index data, showing the relationship between Height, Weight, and Body Fat as individual points. The visualization uses Plotly’s `scatter3d` trace type to render pink markers within a rotatable three-dimensional scene, with red axis titles for each variable. The data is loaded from a CSV file using D3’s `d3.csv`, and the plot is generated with `Plotly.newPlot` inside a dedicated HTML div. The layout minimizes margins and customizes axis label styling through Plotly’s scene configuration.

SSravyaAnnadi

83% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This example visualizes body mass index data as an interactive 3D scatter plot, mapping height, weight, and body fat percentage along the three axes. The plot uses green circular markers with orange outlines, and each axis is labeled with a distinct title color. The visualization loads data from a CSV file using D3.js, then constructs a 3D scatter trace with Plotly’s `scatter3d` type and renders it via `Plotly.newPlot`. The layout configuration sets margins and axis title styling within the 3D scene.

SSUSHMA CHIRRA

82% match

Loading thumbnail…

VarshaG3D-2

This example uses Plotly’s `scatter3d` trace type to render an interactive 3D scatter plot of Body Mass Index data, mapping Weight, Height, and BodyFat to the x, y, and z axes. The data is loaded from a remote CSV file using `d3.csv` and then unpacked into arrays. The chart emphasizes markers with a square symbol, red fill, and pink outline, while axis titles are styled in purple. The visualization is built with the Plotly `newPlot` method and embedded in a minimal HTML page that also loads D3.js.

VVReddy913

82% match