Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ICE-BONUS_SCATTERPLOT_IRIS

✓ Published0🌍 Public
AAnanyaSamala
Last edited Jul 7, 2022
Created on Jul 7, 2022

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.

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
100% 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
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
94% 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
93% match
Loading thumbnail…

Fork of Scatter Plot for Iris Data ICE-7 Q1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (blue, orange, purple). It uses D3 v6 with SVG rendering, employing `d3.csv` for data loading, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes. The code also draws on sepal dimensions via attribute binding, though circles are positioned by petal values. Axis labels and large fonts are styled inline, with data sourced from a GitHub-hosted CSV.

Aarcothanmukha
89% match
Loading thumbnail…

Fork of ICE 7 Reusable D3 Scatter Plot

This interactive scatter plot displays the Iris dataset, mapping sepal length against petal width. Built with D3.js, it uses `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbols` to render SVG marks. The plot cycles its x-axis through four flower measurements every 15 seconds, creating an animated exploration of correlations. Data is loaded from a remote CSV, and the chart is constructed as a reusable function with configurable accessors for dimensions, data, and scales.

Ssaiteja0725
89% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot cycles through different Iris flower measurements on the x-axis, using petal and sepal dimensions from the classic Iris dataset. The visualization uses D3 v6 to render colored circles for each species, with blue, orange, and green representing setosa, versicolor, and virginica. The plot rotates through four variable combinations at intervals, updating axis labels and titles accordingly. D3's scaleLinear, axisLeft, and axisBottom functions handle scaling and axis generation, while the data loading and SVG rendering are managed through d3.csv and the select API.

SSohilaBheemReddy
89% match
Loading thumbnail…

Fork of Fork of Fork of ICE - 6 Scatter Plot

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Points are color-coded by species (setosa, virginica, and versicolor) using a custom marker function. The code loads CSV data via `d3.csv`, applies linear scaling with `d3.scaleLinear`, and renders circles as SVG elements. Axis labels are added with rotated text elements, and the visualization uses `d3.axisLeft` and `d3.axisBottom` for axes, with the plot filling the browser window.

NNaimisha-M
89% match