Untitled

100%

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

This interactive 3D scatter plot visualizes the Iris Dataset, mapping three numeric attributes—Employed, Employed_full_time_year_round, and Total—onto the x, y, and z axes. Built with Plotly.js and D3.js, the chart renders markers with fixed size and thin blue outlines, using the dataset’s CSV loaded via `d3.csv`. Each axis features distinct background and grid colors, though the plot margins are minimized, focusing attention on the spatial distribution of data points in three dimensions.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive 3D scatter plot visualizes the Iris Dataset, plotting three variables—total, employed, and unemployed graduates—along the x, y, and z axes. It uses Plotly.js to render the three-dimensional scene, with D3.js (version 3) handling CSV data loading via `d3.csv`. Colored axis planes and grid lines enhance spatial orientation, while red markers represent individual data points. The code defines trace and layout objects to configure axis titles, background colors, and margins before calling `Plotly.newPlot` to draw the chart inside a designated div.

Cchakritha06

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

88% match

Loading thumbnail…

Untitled

This example presents a three-dimensional scatter plot of the Iris dataset, mapping sepal length, sepal width, and petal length onto the x, y, and z axes. The visualization is built with Plotly.js, which renders the 3D markers, while D3.js is used to load and parse the CSV data from a GitHub gist. The layout configures colored axis backgrounds, gridlines, and zero lines, and the chart is drawn into a designated div using the `Plotly.newPlot` method.

RRohithReddy-thoughts

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

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

85% match

Loading thumbnail…

Untitled

A scatter plot visualizes the Iris dataset, encoding sepal and petal measurements as points colored by species. The chart uses D3 v3 scales and axes to map numeric values to pixel positions, with an SVG rendering of circles and a color legend. The React-based application loads the data via the `csv` function from D3, and interactive tooltips display the iris variety and coordinates on mouseover.

Cctarmey

84% match

Loading thumbnail…

Untitled

A scatter plot of the Iris dataset explores relationships between flower measurements. Dropdown menus allow selecting which attribute drives the x- and y-axes, using a linear scale for each. The visualization is built with React and D3, rendering SVG circles with tick marks and axis labels. Data is loaded asynchronously from a CSV via the `csv` function, and the chart updates dynamically based on user selections.

Ttmrb

84% match

Loading thumbnail…

Untitled

This 3D scatter plot visualizes the iris dataset, showing sepal length, sepal width, and petal length as black markers with subtle gray outlines. Built with Plotly.js and D3.js, the code loads CSV data via d3.csv, unpacks columns into x, y, and z coordinates, and renders an interactive WebGL scatter plot. The scene includes labeled axes for the first two variables and a generic "Z AXIS TITLE" placeholder, with markers sized at 12 and 0.9 opacity.

Eeravellisaimeghana

84% match