Bonus ICE - 3D Bar chart

100%

Bonus ICE - 3D Bar chart

✓ Published0🌍 Public

Last edited Apr 3, 2023

Created on Apr 3, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

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

89% 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

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

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

80% match

Loading thumbnail…

Anv Bonus ICE - 3D Interactive 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.

AAnvesh Chinta

80% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

A 3D vertical bar chart compares total downloads for seven music artists across six app stores, with each store’s download counts stacked as distinct colored bars per artist. Built with Highcharts and the Highcharts 3D extension, it renders columns with depth, enabled via `options3d` (alpha, beta, viewDistance, depth), and uses `plotOptions.column` for stacking and grouping. The chart plots series arrays for each store, with categories on the x-axis, download totals on the y-axis, and a z-axis titled “Various Sources.” The example uses a grey background and a fixed-height container.

Ssuchitra2602

79% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart of app download totals across seven categories (IIFE_0 through IIFE_6) and six app stores, including App Store, Playstore, and OneStore. The chart uses Highcharts with the highcharts-3d module, configuring the chart type as “column” with options3d enabled (alpha 25, beta 40, depth 750) to render bars in three dimensions. Each series provides sparse data points as coordinate pairs, with stacking and grouping disabled to separate bars along the z-axis, while the x-axis lists categories, y-axis tracks total downloads, and z-axis labels the various sources. The visualization relies on jQuery to initialize the chart inside a container div.

Nnbrvs

78% match