Bonus ICE

100%

Bonus ICE - 3D Bar chart

✓ Published2🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

This 3D bar chart displays visitor counts for seven global landmarks, comparing six countries (USA, China, India, Italy, Turkey, and UK) using stacked, non-grouped columns. Built with Highcharts and the Highcharts-3D extension, it renders a three-dimensional perspective with configurable alpha, beta, and view distance to show depth. The chart uses the `options3d` API to enable 3D rendering and the `grouping: false` property to place all series in a single column cluster. The x-axis lists landmarks, the y-axis counts total visitors, and the z-axis labels the places, with data hard-coded directly in the array structures.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

A 3D bar chart displays the top 10 most-visited landmarks across six countries, comparing visitor totals for sites like the Eiffel Tower and Taj Mahal. The chart uses Highcharts with the highcharts-3d module, configuring an angled perspective through the `options3d` settings (alpha, beta, and depth). Bars are grouped by country as stacked series, with each series representing a nation’s visitor numbers across the landmark categories. The x-axis lists the places, the y-axis measures total visitors, and the z-axis labels the various locations, all rendered on an orange background.

VVineela Reddy

87% match

Loading thumbnail…

Bonus ICE - 3D Bar Chart

This 3D bar chart displays employee counts at nine major companies, grouping them by the country of origin: the United States, Germany, and Japan. The visualization uses Highcharts with the Highcharts 3D extension, enabling an isometric view through configurable alpha, beta, and depth settings. The chart employs a column series with stacking and grouping disabled, using groupZPadding and depth parameters to create a single row of three-dimensional bars across the category axis.

SSatyaVineeth

81% match

Loading thumbnail…

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

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

78% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example visualizes happiness report data across several countries using a 3D bar chart. It displays multiple metrics—including log GDP per capita, life ladder, social support, health, freedom, and generosity—as grouped, stacked columns along the x-axis, with z-axis categories for each happiness source. The chart is rendered using the Highcharts library with the highcharts-3d module, enabling 3D depth, rotation angles (alpha and beta), and perspective distance. The data is embedded directly in the JavaScript code within an HTML page, with a pink background.

Rrajasrilekkala

78% match

Loading thumbnail…

Bonus ICE

This example presents a 3D bar chart comparing top car brand sales across three countries, with the United States, India, and Germany represented as distinct stacked series. The visualization uses Highcharts and the Highcharts 3D extension, configuring an oblique view with alpha and beta rotation angles. Categories include brands like Tesla, Ford, and BMW, while the y-axis displays sales in billions of USD. The chart emphasizes depth and grouping through plotOptions, setting column depth and groupZPadding to create a visually layered composition.

Ssuchitra2602

77% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

A 3D bar chart displays Covid-19 case data for seven U.S. states, showing total cases, deaths, recoveries, and population as stacked, grouped columns. Using the Highcharts library with its highcharts-3d.js extension, the chart applies a 3D perspective through the options3d settings, with each series (Total Cases, Total Deaths, Total Recovery, Population) rendered as separate colored bars. The x-axis lists state names, the y-axis measures total cases, and the z-axis is labeled "Observations(Covid)." The dataset appears to be sourced from state-level Covid-19 statistics, rendered with depth and rotation for visual comparison.

Ggayuvurukuti@gmail.com

76% match

Loading thumbnail…

Bonus ICE

This 3D bar chart shows the net worth of the top ten billionaires, with bars grouped by country and stacked along a tilted perspective. Using the Highcharts library with the Highcharts-3D module, the chart renders columns with a depth of 40 and an angled view (alpha 25, beta 25). The x-axis lists individual billionaires, while the y-axis measures net worth in billions of USD, with series separated by nationality: United States, France, and India. The code relies on jQuery to initialize the chart within a container div, setting margins and view distance for the 3D effect.

Aakhil kata

75% match