Fork of Bonus ICE - 3D Bar chart

100%

Fork of Bonus ICE - 3D Bar chart

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Apr 5, 2023

This example shows a 3D vertical bar chart comparing total cars manufactured by seven automotive brands across two stacked series per category. Each brand is plotted along the z-axis, with bar height representing manufacturing totals for the x-axis categories. The chart uses Highcharts with the highcharts-3d module, enabling the chart’s options3d settings (alpha, beta, and depth) for perspective rotation. Data is hardcoded as arrays, with series stacked via the stacking and groupZPadding properties, while the background is styled pink via CSS.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D Bar chart

A 3D bar chart visualizes total sales for seven car brands, with each brand’s column split into six car types (Convertible, SUV, Sedan, Coupe, Hatchback, Station Wagon). Using Highcharts with the highcharts-3d module, the chart applies a column series with stacking, grouping disabled, and 3D options such as alpha, beta, viewDistance, and depth. The axes represent car brands on the x-axis, total sales on the y-axis, and car types on the z-axis, all rendered via jQuery’s container selection.

DDhanusree Kodali

86% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart of download numbers for five applications across five categorical sources, with data series plotted along a depth axis to create a three-dimensional column layout. The chart uses the Highcharts library with the highcharts-3d module, enabling rotation through the `options3d` configuration. The `plotOptions` define stacking and grouping for the columns, while the x-axis lists categories like latitude and longitude, and the z-axis is labeled "Various Sources." Each series is paired with its data points, and the chart is rendered inside a container using jQuery to initialize the Highcharts instance.

SSweetierams

85% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

A 3D bar chart displays car model sales across five countries—USA, India, China, Japan, and Canada—for five manufacturers: Toyota, Volkswagen, Honda, Ford, and Suzuki. It uses Highcharts with the highcharts-3d module to render rotated, depth-enhanced columns with stacked series. The chart includes labels for total sales on the y-axis and various models on the z-axis, with data embedded directly in the script.

NNaveed945

84% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example displays a 3D bar chart comparing growth metrics for seven social media platforms across six categories: Users, Revenue, WorkForce, Stocks, Locations, and Ranking. The chart utilizes the Highcharts library with the highcharts-3d module, enabling three-dimensional column rendering with configurable alpha, beta, and depth settings. Each category appears as a grouped series with stacked data points, plotted against a categorical xAxis and numeric yAxis. The code defines chart margins, column depth, and group padding to create the visual depth effect, with all data hardcoded as arrays within the series definitions.

Kkirangithub23

84% match

Loading thumbnail…

Fork of Bonus ICE Saranya

This example presents a 3D bar chart comparing top car brand sales across the United States, India, and Germany, using Highcharts and the highcharts-3d module. The chart uses a column series with depth, stacking, and group Z padding to create a three-dimensional visual, with categories for brands like Tesla, Ford, and BMW on the x-axis and sales in billions of USD on the y-axis. Individual series map specific brands to each country, with sparse data points shown for India and Germany. The visualization is rendered inside a div container using jQuery to initialize the chart.

SSamanvitha1

83% match

Loading thumbnail…

Fork of Bonus ICE Saranya

SSamanvitha1

83% match

Loading thumbnail…

Fork of Fork of Bonus ICE Saranya

This example displays a 3D bar chart comparing top car brand sales across three countries—the United States, India, and Germany—using the Highcharts library with its highcharts-3d module. The chart renders columns with depth, stacking, and grouping disabled, and applies rotation angles (alpha: 55, beta: 25) to create a three-dimensional perspective. Data for each series is defined as arrays of coordinate-value pairs, where the first element indicates the category index on the x-axis and the second represents sales in billions of USD. The chart is embedded in a simple HTML page and initialized via jQuery’s `$(function () { ... })` callback, with the container div set to 400 pixels in height.

Vviswak12

83% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This 3D bar chart displays product sales across categories for several countries using Highcharts with its 3D extension. The visualization presents a column chart with depth, rotation, and stacking enabled, showing sales data for the US, Germany, Australia, Bangladesh, Sri Lanka, and Canada across seven product types. The chart uses Highcharts’ JavaScript API with options3d configuration to create the three-dimensional perspective, while the x-axis lists product categories and the y-axis shows total sales. The visualization forks a prior example and loads data directly in the series arrays.

VVineela Reddy

82% match