Fork of 3D Scatter plot graph

100%

Fork of 3D Scatter plot graph

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

This 3D scatter plot visualizes sports data from a CSV file, comparing Game Names, Year, and Sales figures. It presents two distinct data series using different markers and colors: one for Other_Sales and another for Japan_Sales. The visualization is built using the Plotly.js library within a React application, leveraging D3.js to fetch and parse the CSV data from a remote GitHub gist, then rendering the interactive 3D chart into a designated HTML div.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This 3D scatter plot visualizes video game sales in North America and Japan across different years, with North American sales in blue and Japanese sales in purple. The plot is rendered using Plotly's `newPlot` function within a React application, with data loaded via `d3.csv` from a remote CSV file. The visualization distinguishes the two regions' sales figures on the z-axis, while game names and years are mapped to the x and y axes, with margin and axis titles configured through Plotly's layout object.

Yyamunaunt

86% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This example visualizes a 3D scatter plot of video game sales data, comparing North American and Japanese sales across different game titles and years. It uses Plotly's `scatter3d` trace type to render two sets of markers, with red representing North American sales and blue representing Japanese sales, plotted against game name and release year. The code loads the dataset via `d3.csv` from a GitHub Gist, then constructs the traces with explicit marker styling and opacity settings. The layout configures axis titles for game names, year, and sales values, rendering the interactive plot inside a designated `div` element.

PPurnachandraa9999

86% match

Loading thumbnail…

3D Scatter plot graph

This example visualizes video game sales data in a 3D scatter plot, comparing North American and Japanese sales across different years and game titles. The code uses Plotly.js to render the scatter3d traces, with two marker series distinguished by color: one for North America and one for Japan. Data is loaded from a CSV file using D3.js’s `d3.csv` function, and the `unpack` helper maps specific columns to the x, y, and z axes. The chart is embedded in an HTML div and styled with a brief CSS file.

Aadapavaishnavi12

86% match

Loading thumbnail…

3D Scatter plot graph

This 3D scatter plot visualizes video game sales data, comparing North American and Japanese sales figures across different game titles and release years. The example uses Plotly's JavaScript API to render two interactive three-dimensional traces: one for North American sales and one for Japanese sales, with sales values plotted on the z-axis, years on the y-axis, and game names on the x-axis. The code loads the dataset using the `d3.csv` function from the D3 library and constructs the chart with `Plotly.newPlot`, styling markers with custom colors, sizes, and opacity settings.

Aadapavaishnavi12

85% match

Loading thumbnail…

Fork of Fork of 3D Scatter Plot-sheela

This example visualizes video game sales data as an interactive 3D scatter plot, comparing North America and Japan sales across different game titles and years. North American sales appear in blue, while Japanese sales are shown in purple. The visualization uses Plotly’s `scatter3d` trace type to render the data points, with each trace configured via `Plotly.newPlot` and drawn inside a designated HTML div. The data is loaded asynchronously using D3’s `d3.csv` function from a GitHub-hosted CSV file, and the chart’s axes are labeled for game names, year, and sales figures.

SSheela2930

84% match

Loading thumbnail…

Fork of Fork of scatter-plot

This visualization displays a scatter plot of game sales data, mapping North American sales on the x-axis and European sales on the y-axis. Each point’s color represents a different game publisher, and the circles are drawn with variable width and height properties derived from Japanese and global sales figures. The code loads CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG is created with React and D3 v6, using a custom color mapping function for publisher categories.

Aajaysonu

83% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This 3D scatter plot visualizes video game sales data, showing the relationship between North American, European, and other regional sales as points in three-dimensional space. Each marker represents a game, with its position determined by the sales figures on the x, y, and z axes. The visualization uses Plotly's `Plotly.newPlot` method and `scatter3d` trace type, while D3.js is employed to load and parse the CSV data from a GitHub Gist. The layout configures axis titles with green font styling, and markers are rendered as translucent circles with red color and borders.

Ppemmasaniprudhvinadh

83% match

Loading thumbnail…

Fork of scatter-plot

This scatter plot visualizes global video game sales data, comparing North American and European sales on the x- and y-axes while mapping Japanese and global sales to point radius dimensions. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions, rendering circles as SVG elements. Point colors are determined by the game’s publisher, with a custom `marker()` function that assigns distinct colors to specific developers like Ubisoft Montreal and Rockstar North, while defaulting to brown for others. The chart includes axis labels and a title, with styling applied via CSS.

Aajaysonu

80% match