Skip to main content
SimilarExport ZIP
100%

3D Scatter Plot with Iris Dataset

✓ Published0🌍 Public
Rrajasrilekkala
Last edited Apr 27, 2023
Created on Apr 27, 2023
Forked from HTML Starter

This 3D scatter plot visualizes hotel booking data, showing relationships between variables like guest type, booking cancellations, and country of origin. The visualization employs three surface traces to represent different aspects of the dataset, with axes labeled for agent, previous bookings not canceled, and country. The code uses the Plotly.js library through its `Plotly.newPlot` API to render the interactive 3D scene, while D3.js handles CSV data loading from a GitHub-hosted dataset. A custom camera perspective flips the view orientation, and the layout minimizes margins for immersive exploration.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

hotel booking

This interactive 3D scatter plot visualizes hotel booking data, comparing agents based on repeated guest status, previous cancellations, and prior non-canceled bookings. Two distinct traces plot these metrics as colored spheres—green for repeated guests against cancellations, and pink for cancellations against successful bookings—with opacity revealing data density. The visualization uses Plotly’s `scatter3d` type via the `Plotly.newPlot` API, loading CSV data through D3’s `d3.csv`. The chart is rendered inside a DIV element on a minimal HTML page, with a title indicating focus on agent performance. Marker size and green outline styling enhance point differentiation in the three-dimensional space.

Vvagdevi-369
83% match
Loading thumbnail…

3D Scatter Plot with Iris Dataset

This 3D scatter plot visualizes the Iris dataset, plotting sepal length, sepal width, and petal length for one trace, and sepal length, sepal width, and petal width for another, with markers colored and styled distinctly. The visualization uses Plotly’s `scatter3d` type via `Plotly.newPlot` to render the interactive chart inside a DIV. Data is loaded asynchronously with D3’s `d3.csv`, fetching the Iris dataset from a GitHub gist, and then unpacking the relevant columns for each trace.

KKishen Patel
81% match
Loading thumbnail…

3D Scatter Plot

This example displays the Iris dataset as a 3D scatter plot, mapping bill length, bill depth, and flipper length onto the x, y, and z axes. It renders three overlapping marker traces, each with distinct styling for size, color, and opacity, to highlight different visual encodings of the same data points. The visualization is built with Plotly’s `scatter3d` trace type, loaded via the CDN script, and the data is fetched and parsed using D3’s `d3.csv` function. The layout removes all margins to maximize the plotting area.

Aachyutanandmishra17@gmail.com
80% match
Loading thumbnail…

3D scatter plot of Iris Data

This interactive 3D scatter plot visualizes the Iris dataset, displaying sepal and petal measurements as distinct sets of markers. The code loads the data from a remote CSV file using `d3.csv` and constructs two `scatter3d` traces, one for each flower part, with configurable marker size, opacity, and line styling. It relies on Plotly’s JavaScript API (`Plotly.newPlot`) to render the chart into an HTML `<div>`, with D3.js handling the data fetching and row unpacking. The layout removes all margins for a clean presentation.

AAAL FORHAD
79% match
Loading thumbnail…

3D Scatter Plot

This is a 3D scatter plot of the Iris dataset, rendered with Plotly.js inside a React application. It shows two overlapping sets of points: one mapping sepal length, sepal width, and petal length, and another using petal width in place of petal length, with distinct marker styling. The data is loaded asynchronously using D3’s `d3.csv` from a GitHub-hosted CSV file. The chart uses `Plotly.newPlot` to draw both `scatter3d` traces into a specified div, with a zero-margin layout for immersive viewing.

Yyamunaunt
79% match
Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes the Iris dataset, displaying three dimensions (Area, Perimeter, and Kernel Length) as one series, with a second series replacing Kernel Length with Kernel Width. The plot uses the Plotly JavaScript library via the `Plotly.newPlot` function to render interactive 3D markers in a web page. Data is loaded asynchronously using D3's `d3.csv` to fetch a remote CSV, and the marker styles (size, opacity, and colors) are configured per series. The layout margins are zeroed to maximize the chart area.

Ssuchitra2602
79% match
Loading thumbnail…

scattered plot 3d

This example displays the Iris dataset as an interactive 3D scatter plot using Highcharts. Each point represents a flower sample, plotted across petal length, sepal length, and petal width axes. The chart supports mouse and touch dragging to rotate the view, adjusting the alpha and beta angles of the 3D perspective. Data is loaded from a CSV file via D3.js, while the scatter points are rendered with Highcharts’ scatter3d chart type, featuring radial gradient colors and a visible frame.

Ddivyagunuguntla
79% match
Loading thumbnail…

3D Scatter Plot

This 3D Scatter Plot visualizes the Iris dataset, plotting sepal length, sepal width, and petal length in one trace, and sepal length, sepal width, and petal width in another, using Plotly's `scatter3d` trace type. The markers are styled with size, opacity, and line properties, and rendered inside a `myDiv` container. The code loads data via `d3.csv` from a GitHub gist and creates the plot with `Plotly.newPlot`, using the Plotly CDN and D3 v3. The layout margins are set to zero for a full-bleed view.

SsreepavanKothapalli
78% match