Fork of Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

100%

Fork of Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

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

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

95% match

Loading thumbnail…

Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

AAnanyaSamala

95% 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…

ICE-BONUS_SCATTERPLOT_IRIS

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.

PPY09052021

89% match

Loading thumbnail…

Fork of Fork of ICE - 7 Reusable Scatter Plot

This example visualizes the classic Iris dataset as a scatter plot, with three species of flowers colored red, orange, or white, mapping petal width against sepal length. Built with d3.v6, it uses d3.scaleLinear, d3.extent, and d3.axisLeft/axisBottom to generate axes and SVG circles for data points. The reusable scatterPlot function dynamically updates the x-axis value to cycle through additional iris columns, demonstrating modular chart construction. Data is loaded via d3.csv from a GitHub gist.

RRadhakrishna246

87% match

Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot- ICE7

This interactive scatter plot visualizes the Iris dataset, cycling the x-axis through four flower measurements while keeping petal width on the y-axis. It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisBottom and axisLeft for grid lines. SVG circles are colored by species—orange, blue, and black—with a static legend and rotating axis labels via setInterval. The reusable scatterPlot function manages the chart structure and updates.

RRupeshGandham

87% match

Loading thumbnail…

Fork of Fork of Fork of ICE 7 Reusable D3 Scatter Plot

This visualization presents the classic Iris dataset as an animated scatter plot, mapping flower measurements (petal width, sepal length, etc.) to Cartesian coordinates. The SVG rendering is built with the d3 library, using a custom `scatterPlot()` function that leverages `scaleLinear`, `scaleOrdinal`, and `symbol()` to draw distinct species markers. Every 15 seconds, the plot cycles its x-axis through the dataset’s numeric columns, dynamically re-scaling the axes. This reusable chart demonstrates how to create a flexible D3 module with setters and getters, allowing for interactive data exploration.

PPujitha14challagulla

87% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot with Iris Dataset

This example visualizes the classic Iris dataset as an interactive 3D scatter plot, displaying two traces that map sepal and petal measurements against different axes. The plot uses Plotly’s `Plotly.newPlot` function to render scatter3d markers with adjustable size, opacity, and color, while D3’s `d3.csv` loads the dataset from a GitHub gist. The layout removes all margins, focusing attention on the three-dimensional point distribution.

MMgk1255

87% match