100%

3D Scatter Plot

✓ Published0🌍 Public

Last edited Mar 21, 2025

Created on Mar 20, 2025

This 3D scatter plot visualizes the Iris dataset, with each point representing a flower colored by species (setosa, versicolor, virginica). It displays three flower measurements—sepal length, sepal width, and petal length—along color-coded axes with labels. The visualization uses Three.js for 3D rendering via WebGL and D3.js for fetching and processing the CSV data, which is loaded from a remote URL. Interactive orbit controls allow rotation, zooming, and panning, while the legend identifies the species. The scene is rendered in real-time with animated camera movements.

AI-generated description

3D Iris Dataset Visualization

This project shows a 3D visualization of the famous Iris dataset as a scatter plot.

Features

3D scatter plot of the Iris dataset
Points colored by species (setosa, versicolor, virginica)
Interactive camera controls (rotate, zoom, pan)
Axes with labels
Legend for species identification

Technologies Used

Three.js for 3D rendering
D3.js for data loading and processing
JavaScript ES modules
HTML5 and CSS

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Scatter Plot

This example shows a rotating 3D scatter plot of the Iris dataset, visualizing petal length, petal width, and sepal width as the three spatial dimensions. Points are colored by species using a categorical color scale. The visualization uses Three.js for 3D rendering with WebGL, employing sprites with canvas-generated textures for circular markers. D3 provides data loading, scaling, and color mapping. Camera rotation is driven by a D3 selection and zoom interaction, with continuous animation incrementing the rotation angle.

CCurran Kelleher

92% match

Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width for three flower species. Users can select which features to plot on the x- and y-axes using dropdown menus, with points color-coded by species (setosa, versicolor, virginica). The visualization uses D3 v5 to load and parse the CSV data, dynamically render SVG circles and axes with d3.axisBottom and d3.axisLeft, and animate point appearance via transition().duration() with staggered delays.

AAmanda-Tai

91% match

Loading thumbnail…

IRIS DATA IN 3D SCATTER PLOT GRAPH

This 3D scatter plot visualizes the classic Iris dataset, mapping sepal length, sepal width, and petal length onto the x, y, and z axes. Points are colored by species (setosa, versicolor, virginica) using a custom colorscale, with distinct marker colors and pink outlines highlighting cluster separation. The visualization is built with Plotly.js's `scatter3d` trace type, while D3.js loads the CSV data from a GitHub gist. Each axis includes a colored background and gridlines, rendered interactively in WebGL for smooth rotation and exploration.

Aadapavaishnavi12

91% match

Loading thumbnail…

3-D Scatter Plot

This example visualizes the classic Iris dataset as an interactive 3-D scatter plot, mapping sepal length, sepal width, and petal length onto the x, y, and z axes. Points are colored by species—setosa, versicolor, and virginica—using a custom Plotly colorscale. The visualization is built with Plotly’s `scatter3d` trace type, which renders via WebGL, and uses D3 to load and parse the CSV data. Each axis is labeled and given a distinct background color for clarity.

Aavinash021997

91% match

Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes the Iris dataset using Three.js for WebGL rendering and D3.js for data processing and scaling. Colored circles represent different Iris species, mapped to petal length, petal width, and sepal width coordinates. The scene automatically rotates via `requestAnimationFrame`, and users can pan to rotate the view using D3's `select` and `zoom` interaction. The code generates circle sprites from canvas textures with `CanvasTexture` and `SpriteMaterial`.

JJovenne Naldrey Sapuay

91% match

Loading thumbnail…

Untitled

A 3D scatter plot of the classic Iris dataset, colored by species (setosa, versicolor, virginica) and plotted using sepal length, sepal width, and petal length. The visualization, rendered with Plotly's WebGL scatter3d type, displays each flower as a marker with a purple outline and a custom colorscale mapping species to distinct hues. Data is loaded via d3.csv, with species labels converted to numeric color indices for the marker’s color attribute. The plot emphasizes three-dimensional separation of the flower measurements, with axis titles and colored grid backgrounds provided.

Ffouzanuddin

90% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot displays the classic Iris flower dataset, mapping sepal length, sepal width, and petal length to the x, y, and z axes. Each point represents a flower specimen, with its color indicating the species: setosa, versicolor, or virginica. The visualization is rendered using Plotly’s JavaScript library, `scatter3d` trace type, and relies on D3’s `d3.csv` method to fetch the dataset from a GitHub gist. The code explicitly sets a custom colorscale and applies colored point markers with pink outlines to distinguish the three species.

Aadapavaishnavi12

90% match

Loading thumbnail…

3

This interactive scatter plot visualizes the classic Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users can dynamically select which measurement appears on the X and Y axes using radio buttons, with the plot updating accordingly. The visualization uses D3 v4 to render the SVG, creating colored circles for each data point where colors distinguish species. D3 scales and axes are employed to map data values to positions with grid lines, while the plot features a clean white background and labeled axes with legend.

CCinSiangNg

90% match