Fork of bonus ice

100%

Fork of bonus ice

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

Forked from ice

This visualization presents a 3D scatter plot of flower measurements, displaying both corolla length and corolla width against calyx dimensions in a single interactive view. The code uses the Plotly JavaScript library (plotly-2.9.0) with its `Plotly.newPlot` API to render two scatter traces: one 2D trace showing calyx length versus calyx width, and one 3D trace plotting calyx length, calyx width, and corolla width. Data is loaded from a CSV file hosted on GitHub using d3.csv, with the marker styling differentiating the two traces.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Fork of bonus ice

This 3D scatter plot visualizes the Iris flower dataset, mapping calyx length and width against corolla length and width as separate traces. The visualization uses Plotly.js to render interactive 3D markers with adjustable opacity and size, with data loaded asynchronously via D3.js (v3) CSV parsing from a GitHub-hosted dataset. Two traces distinguish the different corolla measurements, while the layout removes all margins for a full-viewport presentation. The code utilizes Plotly.newPlot to render the chart inside a designated div, combining D3's data-handling capabilities with Plotly's 3D rendering engine.

Aajaysonu

92% match

Loading thumbnail…

Fork of bonus ice

This example presents a 3D scatter plot of the abbreviatus dataset, using Plotly’s `Plotly.newPlot` to render flower measurements. Two traces show different variable combinations: the first plots calyx length, calyx width, and corolla length in `scatter3d` style, while the second overlays calyx length, calyx width, and corolla width as `scatter3d` markers. Data is loaded via `d3.csv` from a GitHub gist, with marker styles customized through Plotly’s `marker` options for size, opacity, and color. The layout uses zero margins to focus on the plotted points.

PPujitha14challagulla

90% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-BICE

This example shows a 3D scatter plot of the Berrylily dataset, plotting measurements of calyx length, calyx width, curlicue length, and curlicue width as markers. It uses two traces: one scatter2d trace for curlicue length and one scatter3d trace for curlicue width, styled with distinct marker colors and opacity. The code loads the data from a GitHub-hosted CSV file using d3.csv, then builds the plot with Plotly’s `newPlot` API. The visualization compares the two complementary dimensions across the flower measurements in a single interactive chart.

HHema1430

84% match

Loading thumbnail…

bonus ice

This example shows a 3D scatter plot of the abbreviatus dataset, comparing calyx length, calyx width, and two corolla measurements. It uses Plotly’s `scatter3d` and `scatter2d` trace types to render points as markers with varying colors and opacity, loaded via `d3.csv` from a GitHub gist. The visualization is embedded in a React app using the Plotly.js CDN, with margins set to zero for a minimal layout.

PPujitha14challagulla

83% match

Loading thumbnail…

Fork of 3D Scatter Plot

This example shows flower measurements from a berrylily dataset plotted in three dimensions, with points colored and sized to compare calyx length, calyx width, and curlicue dimensions. The visualization uses Plotly’s `newPlot` API with two traces, one for scatter2d and one for scatter3d, to overlay different views of the same data. Data is loaded via `d3.csv` from a GitHub gist, and the plot is rendered inside a div with minimal layout margins.

MMgk1255

83% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot Dataset

This 3D scatter plot visualizes a dataset of flower measurements using two marker styles to represent different attribute combinations. The visualization uses Plotly's `scatter3d` trace type, with one series plotting flower length against itself and another plotting length against width. Data is loaded via D3's CSV parser from a GitHub-hosted dataset, and the chart renders inside a designated HTML division using `Plotly.newPlot`. The interactive plot supports rotation and zooming for exploring the three-dimensional point distribution.

NNaimisha-M

81% match

Loading thumbnail…

Fork of Fork of ICE7

This animated scatterplot visualizes measurements of gladiolus flower species, comparing petal dimensions across four feature pairs. The visualization cycles through different x-axis variables—corolla width, calyx width, corolla length, and calyx length—while keeping y-axis fixed to calyx length. Data points are colored by species, with red, blue, and yellow marking three distinct gladiolus varieties. Built with D3 v6, the example uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for axes, `setInterval` for animation, and SVG circles with custom `rx` and `ry` attributes to render elliptical markers. The code appears to fork an existing D3 scatterplot example, adapting it to flower morphology data from a CSV source.

MMgk1255

80% match

Loading thumbnail…

Fork of Fork of Fork of ICE7

This animated scatterplot explores measurements of Gladious flowers from a CSV dataset, cycling through four column pairings to reveal how calyx and corolla dimensions relate. Colored circles distinguish between three species—abbreviatus, abyssinicus, and acuminatus—with a static legend and rotating axis labels. The visualization uses D3 v6 with `scaleLinear`, `axisLeft`, `axisBottom`, and `setInterval` to update the x-axis value. SVG circles are drawn with custom radii and fill colors, while a custom `scatterPlot` function manages the axes.

MMgk1255

79% match