3D Scatter Plot

100%

3D Scatter Plot - Bonus - ICE

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Apr 5, 2023

This 3D scatter plot visualizes a berry lily dataset, displaying relationships between measurements like calyx length, width, and curlicue dimensions. The visualization uses Plotly.js to render two traces: one appears as a 2D scatter with the calyx length and width, while the other is a 3D scatter incorporating curlicue width. Markers are styled with distinct purple colors, sizes, and opacity. Data is loaded asynchronously using D3.js's `d3.csv` function from a remote GitHub gist containing the mobile dataset.

AI-generated description

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

Similar vizzes

Loading thumbnail…

This interactive 3D scatter plot visualizes the berrylily dataset, mapping sepal measurements such as calyx length and width against two different curl dimensions. The visualization displays two distinct marker types: a 2D representation of curlicue length and a 3D representation of curlicue width, using distinct magenta color schemes and opacity for comparison. Built with Plotly’s JavaScript API (`Plotly.newPlot`), it loads CSV data via `d3.csv` and defines scatter traces with custom marker styling, line colors, and symbol properties within a zero-margin layout.

MMgk1255

86% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-BICE

This example shows a 3D scatter plot of the Berrylily dataset, plotting measurements of calyx length, calyx width, curlicue length, and curlicue width as markers. It uses two traces: one scatter2d trace for curlicue length and one scatter3d trace for curlicue width, styled with distinct marker colors and opacity. The code loads the data from a GitHub-hosted CSV file using d3.csv, then builds the plot with Plotly’s `newPlot` API. The visualization compares the two complementary dimensions across the flower measurements in a single interactive chart.

HHema1430

85% match

Loading thumbnail…

Bonus ICE - 3D Scatter Plot

This 3D scatter plot visualizes the classic Iris dataset, displaying sepal and petal dimensions in a three-dimensional space. The project uses Plotly.js (version 2.9.0) to render an interactive scatter3d chart within an HTML page, while D3.js (version 3.5.17) is used to fetch and parse the remote CSV data via the `d3.csv` method. Colors encode the three Iris species, mapped through a custom colorscale. The code also configures axis titles, background colors, and explicit margins to create a clean presentation of the data.

NNaveen Kumar

84% match

Loading thumbnail…

3D Scatter Plot(Revanth)

This 3D scatter plot visualizes the berrylily dataset, showing relationships between calyx length, calyx width, and both curlicue length and width. The visualization uses Plotly.js to render three-dimensional markers, with D3.js loading the CSV data from a GitHub gist. Two separate traces display different z-axis measurements, distinguished by marker colors and opacity, with all interactive rotation and zooming handled by Plotly's built-in 3D scene controls.

RRevanthGrreddy

84% match

Loading thumbnail…

Bonus ICE (3D Scatter Plot)

This example presents a 3D scatter plot of the classic Iris dataset, visualizing relationships between petal length, sepal length, and petal width. It uses Plotly’s `scatter3d` trace type to render the points with semi-transparent markers. The page loads Plotly 2.9.0 and D3 3.5.17 via CDN, and uses D3’s `csv` loader to fetch and parse the data from a gist, then passes the unpacked columns into the plot. The layout has zero margins for the chart.

AAashish Pandey

84% match

Loading thumbnail…

ice

This example displays a 3D scatter plot of iris flower measurements, with points colored pink and green representing different dimensions of calyx and corolla features. The visualization uses the Plotly JavaScript library to render the chart, while D3.js handles loading the dataset from a remote CSV file via the `d3.csv` function. The code overlays two scatter traces, one configured as `scatter2d` and another as `scatter3d`, within a single plot area, though only the 3D trace is visible in the rendering.

VVineela Reddy

84% match

Loading thumbnail…

bonus ice

This example shows a 3D scatter plot of the abbreviatus dataset, comparing calyx length, calyx width, and two corolla measurements. It uses Plotly’s `scatter3d` and `scatter2d` trace types to render points as markers with varying colors and opacity, loaded via `d3.csv` from a GitHub gist. The visualization is embedded in a React app using the Plotly.js CDN, with margins set to zero for a minimal layout.

PPujitha14challagulla

83% match

Loading thumbnail…

Fork of 3D Scatter Plot

This example shows flower measurements from a berrylily dataset plotted in three dimensions, with points colored and sized to compare calyx length, calyx width, and curlicue dimensions. The visualization uses Plotly’s `newPlot` API with two traces, one for scatter2d and one for scatter3d, to overlay different views of the same data. Data is loaded via `d3.csv` from a GitHub gist, and the plot is rendered inside a div with minimal layout margins.

MMgk1255

82% match