Skip to main content
SimilarExport ZIP
100%

Bonus ICE - 3D Bar chart

✓ Published0🌍 Public
Aanushaanumula
Last edited Jul 7, 2022
Created on Jul 7, 2022
Forked from HTML Starter

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.

AI-generated description

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

See also React Starter.

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 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
84% 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
84% 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
84% match
Loading thumbnail…

3D Bar Chart using D3.js

This example shows a 3D bar chart visualizing PS4 sales across global regions, with each bar representing a game and segments for North America, Europe, Japan, and the rest of the world. It uses the d3-x3d library to render the chart as X3D scenes within a React page, combining d3.csv for data loading and standard D3 scales for layout. The chart holder initially loads random data, then replaces it with the parsed CSV data from a GitHub gist, displaying the multi-series bars in an interactive 3D space.

Aanushaanumula
83% match
Loading thumbnail…

Bonus ICE

This example shows a 3D bar chart titled “Top phone sales in 3 countries,” comparing sales figures for nine product categories across the United States, India, and Germany. The chart uses Highcharts with the Highcharts 3D extension, enabling a column chart with stacking, grouping, and depth settings for a three-dimensional visual effect. Each series is assigned a different country, with data values expressed in billions of USD. The chart is rendered inside an HTML page using jQuery to initialize the Highcharts configuration on a container div.

Ssuchitra2602
82% match
Loading thumbnail…

BONUS ICE1 - 3D Bar Chart

This example uses Highcharts and the Highcharts 3D add-on to render a three-dimensional vertical bar chart that visualizes total profit for sub-category products, grouped into quadrants based on sales and profit levels. The chart displays profit values on the y-axis and product categories on the x-axis, with distinct series for low and high sales/profit combinations. The code configures 3D properties such as depth, alpha, beta, and viewDistance within the `options3d` object to create the perspective view.

Rrallabandisushen@gmail.com
82% match
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
82% match