3D Scatter Plot Iris Dataset AISHWARYA-M

100%

3D Scatter Plot Iris Dataset AISHWARYA-M

✓ Published0🌍 Public

Last edited Mar 12, 2022

Created on Mar 12, 2022

This 3D scatter plot visualizes the classic Iris dataset, mapping petal length, petal width, and sepal width to the x, y, and z axes, with species determining point color. The visualization supports interactive rotation via panning and features continuous auto-rotation animation. It renders circular sprites using Three.js on a WebGL canvas with HiDPI scaling, while D3 handles data parsing, linear scales, and ordinal color mapping via `d3.csv`, `d3.scaleLinear`, and `d3.scaleOrdinal`. The zoom interaction is configured to constrain rotation within vertical limits.

AI-generated description

A 3D scatter plot using Three.js and D3.

This variant uses the high pixel density Canvas technique described in Scaling HTML canvases for HiDPI screens.

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Scatter Plot usin IRIS dataset Aishwarya-M

This example uses the Iris dataset to render a 3D scatter plot, mapping petal length, sepal length, and petal width onto the x, y, and z axes. Each data point is colored individually to show distribution across the three dimensions. The visualization is built with Highcharts’ `scatter3d` chart type, loading data via D3’s `d3.csv` parser. Interactive rotation is enabled through custom mouse and touch event handlers that adjust the chart’s `options3d` alpha and beta angles. The plot includes axis limits, grid lines, and a legend, with radial gradients applied to the points for depth perception.

AAishwarya Manjunath

90% match

Loading thumbnail…

Iris Dataset Scatter Plot- AISHWARYA M

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower and coloring points by species (setosa, versicolor, or virginica). The D3 v6 code loads the CSV data via `d3.csv`, uses `scaleLinear` and `extent` to set axes, and renders SVG circles with a fixed radius. It also destructures functions like `select` and axes for concise, reactive updates. The viewport fills the window, with readable 24-pixel tick labels.

AAishwarya Manjunath

89% match

Loading thumbnail…

IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, encoding sepal length and petal length to reveal clustering patterns among iris species, with each circle representing a flower. It renders as an SVG using D3 v5, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and the `d3-legend` plugin for a color legend. Axis tick lines and labels are styled via CSS, and data is loaded from a CSV URL using `d3.csv`.

AAishwarya Manjunath

89% match

Loading thumbnail…

Fork of IRIS DATASET SCATTER PLOT - AISHWARYA M

This scatter plot visualizes the Iris dataset, emphasizing clustering by sepal length on the x-axis and petal length on the y-axis, with each circle representing an iris flower colored by species. Built with D3 v5, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.legendColor` to render a color legend. Data is loaded via `d3.csv` from a GitHub-hosted CSV, and the SVG rendering includes styled axis labels and legend text.

AAishwarya Manjunath

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

86% match

Loading thumbnail…

Reusable D3 Scatter Plot- ICE7 Aishwarya M

This interactive scatter plot visualizes the Iris flower dataset, mapping petal and sepal measurements to x and y axes. Data points are colored by species (setosa, versicolor, virginica) and cycle through four column combinations every few seconds using `setInterval`, with axes updating accordingly. Built with D3 v6, the visualization uses a reusable `scatterPlot()` function that employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles with animation. A static legend identifies species colors, while axis labels and a title are appended directly to the SVG.

AAishwarya Manjunath

85% match

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

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

85% match