Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

3D Scatter plot using D3.js

Public visualization

3D Scatter plot using D3.js

0 stars0🌍 Public
Ggayathrikavya
Last edited Apr 5, 2023
Created on Apr 5, 2023
Forked from HTML Starter

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.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed