Skip to main content
SimilarExport ZIP
100%

Deepika Bonus ICE Scatter plot using D3.js

✓ Published0🌍 Public
DDeepikaGoud08
Last edited Apr 5, 2023
Created on Apr 1, 2023

This example visualizes blood cell classification for male and female subjects using a 3D scatter plot. It plots neutrophil, basophil, and eosinophil values on the x, y, and z axes, with red circles representing male data and yellow squares representing female data. The visualization is built with Plotly’s `Plotly.newPlot` API, while D3.js (`d3.csv`) loads the CSV dataset from a GitHub gist. Axis titles are color-coded, and the layout includes custom margins and scene configuration for the 3D view.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

3d Scatter Plot Bonus ICE 11551417

This example shows a 3D scatter plot of insurance data, overlaying two traces: one maps age and sex against BMI, while the other maps the same age and sex axes against charges. The visualization uses Plotly’s `scatter3d` type, with markers rendered via the `Plotly.newPlot` API. Data is loaded asynchronously from a remote CSV using `d3.csv`, and the `unpack` function extracts columns for each trace. The layout collapses all margins, producing a frameless plot.

SSrujana390
75% match
Loading thumbnail…

Bonus ICE Scatter plot using D3.js

This example shows a 3D scatter plot of agricultural data, plotting two distinct traces that map crop production and area against district names and seasons. The visualization uses Plotly’s `scatter3d` type within a single `Plotly.newPlot` call, while D3.js loads the CSV dataset via `d3.csv`. The first trace uses crop, production, and district as x, y, and z coordinates, while the second uses crop year, season, and area, with markers styled by opacity, size, and color.

SShishiraRudrabhatla
75% match
Loading thumbnail…

Bonus ICE for Scatter plot using D3.js

This example visualizes penguin species measurements using two interactive 3D scatter plots rendered with Plotly, where the first trace plots bill length, bill depth, and body mass, and the second shows flipper length, sex, and island. The data is loaded via `d3.csv` from a GitHub-hosted CSV file, and each trace uses `scatter3d` markers with distinct styling. The layout margins are zeroed for a clean presentation, and both traces are combined into a single Plotly chart drawn inside a designated HTML `div` using `Plotly.newPlot`.

VVAbhiram99
75% match
Loading thumbnail…

Bonus ICE Scatter plot using D3.js

This example renders an interactive 3D scatter plot of AI/ML articles, using D3.js to load and parse a CSV dataset and Plotly to draw the visualization. Two sets of markers, each defined as a `scatter3d` trace, display article tags, names, and upvotes across three axes, with the second trace using grey circles. The code imports D3 v3.5.17 and Plotly 2.12.1 via CDN, and calls `Plotly.newPlot` to render the chart inside a div. The layout margins are zeroed to maximize the plot area.

KKetha
75% match
Loading thumbnail…

Bonus ICE Scatter plot using D3.js

This example displays agricultural data from India as a 3D scatter plot, with each trace mapping different variables—crop, production, and district on the first trace, and crop year, season, and area on the second. It uses the Plotly.js library to render the `scatter3d` markers, loading CSV data through D3.js v3’s `d3.csv` method. The code defines two marker traces with distinct colors and opacity, then plots them in a single `myDiv` container with zero margins for a clean view.

Aav.dj.2000@gmail.com
75% match
Loading thumbnail…

Fork of Bonus ICE Scatter plot using D3.js

This example visualizes heart patient statistics across countries using an interactive 3D scatter plot. It displays two traces: death cases in red and active cases in blue, plotted against country name and patient category. The visualization uses Plotly.js within an HTML page, loading data from a CSV file via D3.js’s `d3.csv` function. D3’s `unpack` helper extracts columns for the x, y, and z axes, while Plotly’s `newPlot` renders the scatter3d chart with custom marker styling and opacity.

SSurikanti Swathi
75% match
Loading thumbnail…

BONUS ICE SCATTER PLOT

This 3D scatter plot visualizes the relationship between age, height, and weight, using gender to color the markers. The visualization loads CSV data via the `d3.csv` function and renders a single marker trace with Plotly's `scatter3d` type. The code explicitly names the axes as Height, Weight, and Body Fat, with the marker color set to a uniform pink. The chart is generated using Plotly's `newPlot` method, which draws the interactive plot inside a designated HTML division.

Vviswak12
74% match
Loading thumbnail…

3D Scatter plot using D3.js

This example shows a 3D scatter plot of two separate datasets from an ICE Bonus CSV file, rendered on a single Plotly chart. One trace maps ItemType, TotalRevenue, and Country while the other maps OrderDate, SalesChannel, and TotalProfit, with colored circular markers in 3D space. The code uses D3.js to load and parse the CSV via `d3.csv`, then passes the data through custom `unpack` functions to extract columns. Plotly’s `scatter3d` trace type and `Plotly.newPlot` render the interactive visualization in the `myDiv` element on an HTML page.

Ggayathrikavya
74% match