Untitled

100%

✓ Published0🌍 Public

Last edited Apr 4, 2023

Created on Apr 4, 2023

Forked from 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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive 3D scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length, sepal width, and petal length. Each of the 150 data points is colored according to its species (setosa, versicolor, or virginica) using a custom Plotly colorscale. The visualization uses Plotly’s `scatter3d` type via `Plotly.newPlot`, with data loaded asynchronously through D3’s `d3.csv`. Axis titles are provided for all three dimensions, and the scene is rendered with colored background planes and white gridlines, creating a clear, rotatable view of the multi-dimensional flower measurements.

Aavinash021997

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

95% match

Loading thumbnail…

Untitled

This 3D scatter plot visualizes the classic Iris dataset, showing sepal length, sepal width, and petal length as points in three-dimensional space. Each point uses a marker size of 12 with partial opacity, and the axes include distinct background colors and gridlines. The visualization is built using Plotly’s `scatter3d` trace type, with data loaded via D3’s CSV parser and rendered through WebGL. The code defines a custom color scale but does not color-code points by species, instead presenting all measurements in a single trace.

Aavinash021997

94% match

Loading thumbnail…

Untitled

This 3D scatter plot visualizes the classic Iris dataset, showing sepal length, sepal width, and petal length as coordinate axes with points colored by species. The rendering uses Plotly.js’s `scatter3d` trace type via the `Plotly.newPlot` API, while data loading relies on D3’s `d3.csv` method. The code assigns per-species numeric color values (0, 0.5, 1) and maps them through a custom `pl_colorscale` with discrete bands in cyan, magenta, and purple. Three.js is referenced in the README, though the actual plot is drawn entirely through Plotly’s WebGL-backed scene.

RRavi Teja Bonam

94% match

Loading thumbnail…

Untitled

This interactive 3D scatter plot visualizes the Iris dataset, displaying sepal length, sepal width, and petal length along the three axes. The visualization is built with Plotly.js, using its `scatter3d` trace type to render markers with a green outline. Data is loaded asynchronously via D3's `d3.csv` function, which parses rows from a remote CSV file. Each axis is configured with custom titles and distinct background and grid colors, while the plot's layout margins are minimized to maximize the chart area within its container.

Ddivyagunuguntla

92% match

Loading thumbnail…

Untitled

This interactive scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users can select which measurements to plot on the x and y axes using dropdown menus. The visualization encodes the three Iris species (setosa, versicolor, and virginica) with distinct colors: purple, red, and green, with semi-transparent circles. Built with D3.js v5, the code uses the `scaleLinear`, `axisLeft`, and `axisBottom` functions to create the plot, with `extent` for domain calculation and `csv` for data loading.

Mminson

92% match

Loading thumbnail…

Untitled

This interactive D3.js (v6) scatter plot visualizes the classic Iris dataset, mapping petal length and width to the x and y axes. Points are color-coded by species, with setosa, versicolor, and virginica rendered in blue, red, and black respectively. The SVG rendering uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for tick marks. The code loads data via d3.csv from a GitHub gist, parsing numeric fields, and draws circles with a fixed radius, while also storing sepal dimensions as unused properties on each mark.

Eeravellisaimeghana

91% match

Loading thumbnail…

Untitled

This example shows an interactive 3D scatter plot of the Iris dataset, mapping sepal length, sepal width, and petal length onto the x, y, and z axes. Each point is rendered as a semi-transparent marker in a three-dimensional scene. The visualization is built with Plotly’s `scatter3d` trace type, using `Plotly.newPlot` to render the chart into a DOM element. Data is loaded asynchronously from a CSV file via `d3.csv`, and the axes include colored backgrounds and gridlines to enhance depth perception.

Aavinash021997

91% match