Anv Bonus ICE - 3D Interactive Bar Chart

100%

Anv Bonus ICE - 3D Interactive Bar Chart

✓ Published1🌍 Public

Last edited Apr 6, 2023

Created on Apr 4, 2023

Forked from Anv Bonus ICE - 3D Bar Chart

This 3D interactive bar chart visualizes Xbox game sales across 14 titles, segmented into five regional series (North America, Europe, Japan, Rest of the World, and a total). Built with the Highcharts JavaScript library and its `highcharts-3d` module, the chart uses `chart.options3d` with `alpha` and `beta` rotation angles, and configures column depth and stacking via `plotOptions.column`. The regions appear as separate stacks, with data arrays in `x,y` pairs. jQuery initializes the chart inside a container div.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Anv Bonus ICE - 3D Bar Chart

This example visualizes Xbox game sales across multiple countries using a 3D bar chart rendered through X3DOM. It displays sales data for each game across Global, North America, Europe, Japan, and Rest of World regions via a multi-series bar chart. The visualization loads CSV data using `d3.csv`, parses rows with a custom function, and builds the chart using the `d3-x3d` library’s `chart.barChartMultiSeries()` API. The code integrates D3 v5 and the d3-3d library to create an interactive 3D representation within an HTML page.

AAnvesh Chinta

91% match

Loading thumbnail…

Anv Bonus ICE - 3D Scatter plot

This 3D scatter plot visualizes Xbox game sales across different regions, using three traces to compare Global, North America, and Europe sales figures for each game title over time. The x-axis represents sales values, the y-axis lists game titles, and the z-axis shows the release year. Built with Plotly.js and D3.js, the visualization loads CSV data from a GitHub gist and renders interactive scatter3d markers, with distinct colors for each regional sales category and axis labels for clarity.

AAnvesh Chinta

88% match

Loading thumbnail…

Bonus ICE - 3D-Bar-chart

This 3D bar chart visualizes worldwide video game sales across ten platforms (PC, Nintendo DS, PlayStation, Wii, Xbox, and others), with stacked columns representing five regional categories: North America, Europe, Japan, Other Countries, and Global. The code uses the Highcharts library with the highcharts-3d extension, enabling an angled, perspective view through the `options3d` configuration (alpha, beta, and depth settings). Each series supplies raw data points as coordinate pairs, while the zAxis defines regional categories for the depth dimension. The chart’s color palette, derived from plot options, distinguishes the five stacked series.

Ssenthilrajendran1

85% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example presents a 3D bar chart visualizing PS4 game sales across five titles, broken down by region and global totals. Each game appears as a set of depth-enhanced, stacked columns along the x-axis, with sales values mapped to the y-axis. The chart uses the Highcharts library with its highcharts-3d module, configuring options3d for rotation and depth, and defines series for North America, Europe, Japan, Rest of the World, and Global sales. The x-axis categories list the game titles, while the y-axis and z-axis are labeled for total sales.

Aanushaanumula

84% match

Loading thumbnail…

Bonus ice interactive bar

This interactive bar chart displays global video game sales across seven titles, broken down by region (North America, Europe, Japan, Global, and Other) using a three-dimensional column layout. Built with Highcharts and its highcharts-3d module, the visualization stacks regional sales values for each game, with axis labels for game names, sales in millions, and region categories. The chart initializes via jQuery, loading data directly from hardcoded arrays in the HTML file.

TTejamod

81% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This interactive 3D bar chart displays top video game sales by platform, with stacked vertical bars grouped along a depth axis to show both platform categories and individual game titles. The visualization loads CSV data from a GitHub gist and renders it using Highcharts with the highcharts-3d module, enabling a perspective view with configurable alpha, beta, and depth settings. The chart uses jQuery to fetch the data and constructs a series array where each game is a separate series, with x-axis platforms, y-axis sales in millions, and z-axis game names.

SSheela2930

80% match

Loading thumbnail…

BONUS ice 3d bar

This example visualizes video game sales data as a 3D bar chart, comparing regional and global sales across ten titles. It uses the d3-x3d library to bridge D3.js with X3DOM, rendering multi-series bars in a WebGL scene. The code loads CSV data via d3.csv, parses it into per-game sales categories, and binds it to a d3.x3d.chart.barChartMultiSeries component. The d3-3d plugin and D3 v5 scales handle the chart’s 3D layout, while the X3DOM runtime displays the interactive, rotatable scene in the browser.

TTejamod

77% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This 3D bar chart visualizes top game downloads across four platform sources: App Store, Play Store, Windows Store, and Other. The chart uses Highcharts with its highcharts-3d module to render vertically stacked columns in three dimensions, with rotation angles (alpha and beta) and depth settings for perspective. Data is fetched via jQuery’s `$.get` from a CSV file hosted on GitHub, then parsed using Papa Parse. The x-axis lists game categories, the y-axis shows total downloads, and the z-axis labels the download sources.

PPurnachandraa9999

77% match