Skip to main content
SimilarExport ZIP
100%

ICE-BONUS_SCATTERPLOT_IRIS

✓ Published1🌍 Public
PPY09052021
Last edited Mar 11, 2022
Created on Mar 10, 2022
Forked from Hello VizHub

This interactive 3D scatterplot visualizes the classic Iris dataset, encoding sepal length, petal length, and sepal width along three axes. Each point is colored by species, with a wireframe grid providing spatial reference. The visualization supports drag-based rotation to explore the data from any angle. Built with D3.js v4 and the d3-3d plugin, it projects 3D coordinates to SVG paths and circles, leveraging a drag behavior to update rotations and animate transitions. The Iris data is imported from an external CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

This interactive 3D scatterplot visualizes the Iris dataset, mapping sepal length, petal width, and petal length along three axes with points colored by species. The visualization renders as an SVG scene using D3 v4 with the d3-3d plugin, which projects 3D data onto a 2D plane, and includes a rotatable grid and y-axis scale. Users can drag to rotate the plot, with the rotation handled via D3's drag behavior and the d3-3d rotation methods, while points are drawn as circles updated through D3 transitions. The underlying data is loaded from a CSV file containing 150 iris flower measurements.

AAnanyaSamala
93% match
Loading thumbnail…

Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

This interactive 3D scatterplot visualizes the Iris dataset, mapping sepal length, petal width, and petal length along three axes with points colored by species. The visualization renders as an SVG scene using D3 v4 with the d3-3d plugin, which projects 3D data onto a 2D plane, and includes a rotatable grid and y-axis scale. Users can drag to rotate the plot, with the rotation handled via D3's drag behavior and the d3-3d rotation methods, while points are drawn as circles updated through D3 transitions. The underlying data is loaded from a CSV file containing 150 iris flower measurements.

AAnanyaSamala
93% match
Loading thumbnail…

Fork of ICE-BONUS_SCATTERPLOT_IRIS

This interactive scatterplot displays the classic Iris dataset as a 3D point cloud, projected onto an SVG canvas using the d3-3d library for D3 v4. The visualization renders the dataset's sepal and petal measurements as colored spheres within a rotating 3D grid, with axis labels indicating the variables. Users can drag the view to rotate the plot in both the X and Y dimensions, dynamically recalculating the projection. The implementation uses d3._3d() for 3D-to-2D projection, d3.drag() for interaction, and includes a separate AFRAME-based component for a WebGL/VR alternative view.

Bbhargavarathod
92% match
Loading thumbnail…

Bonus ICE - 3D Scatter Plot

This 3D scatter plot visualizes the classic Iris dataset, displaying sepal and petal dimensions in a three-dimensional space. The project uses Plotly.js (version 2.9.0) to render an interactive scatter3d chart within an HTML page, while D3.js (version 3.5.17) is used to fetch and parse the remote CSV data via the `d3.csv` method. Colors encode the three Iris species, mapped through a custom colorscale. The code also configures axis titles, background colors, and explicit margins to create a clean presentation of the data.

NNaveen Kumar
90% match
Loading thumbnail…

ICE_7_PY_Scatter Plot

This animated scatter plot displays the classic Iris dataset, mapping petal width and sepal length to the x and y axes while coloring each point by species. The visualization cycles through four attribute combinations every two seconds using a `setInterval` callback, dynamically updating the axes and circles. Built with D3.js v6, it leverages the reusable `scatterPlot` module's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render SVG elements. The implementation reads CSV data and appends a categorical legend showing the three Iris species.

PPY09052021
89% match
Loading thumbnail…

ICE6 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. The visualization encodes each data point as a colored circle, with distinct hues representing Iris-setosa, Iris-versicolor, and Iris-virginica, alongside a legend and axis controls. Built with D3 v7, the code uses `d3.scaleLinear` for coordinate mapping, `d3.extent` for domain calculation, and an `axisBottom`/`axisLeft` configuration to render the plot’s axes. Data is loaded from the included `iris.csv` file, with points positioned using `xScale` and `yScale` transforms within a predefined margin layout.

PPlatoch
89% match
Loading thumbnail…

Fork of Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

This example presents the classic Iris dataset as an interactive 3D scatterplot, where each flower is colored by species. The visualization uses D3.js v4 with the d3-3d plugin to project points onto a 2D SVG canvas, allowing users to drag and rotate the plot. The scene also includes a grid floor and labeled axes, and the code loads data from the included `iris.csv` file.

AAnanyaSamala
89% match
Loading thumbnail…

Bonus ICE scatter plot

This visualization displays the classic Iris dataset as an interactive 3D scatter plot, plotting sepal length, sepal width, and petal length along the three axes. Points are rendered as markers with semi-transparency and subtle grey outlines to help reveal overlapping clusters. The chart is built using Plotly’s JavaScript API via `Plotly.newPlot`, called from within a D3.js callback that loads the CSV data using `d3.csv`. The layout margins are set to zero, maximizing the plot area within the 800×800 pixel container.

DDan Waters
89% match