Skip to main content
SimilarExport ZIP
100%

Fork of Bonus ICE

✓ Published0🌍 Public
Ssuchitra2602
Last edited Jul 7, 2022
Created on Jul 7, 2022
Forked from Bonus ICE

This example visualizes car brand sales across three countries using a three-dimensional stacked column chart. It displays sales figures in billions of USD for brands like Tesla, Ford, and BMW. The visualization uses the Highcharts library with its 3D module to render the chart, applying rotation angles (alpha and beta) and depth settings for the perspective effect. The code defines three data series for the United States, India, and Germany, plotting sales values against categorical x-axis labels.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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
91% 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
91% 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
89% 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
89% 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
88% 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
85% match
Loading thumbnail…

3D bonus ICE

This chart visualizes top car brand sales across ten countries as a 3D column graph, with each bar representing a single country’s revenue in billions of USD. Using Highcharts with the highcharts-3d extension, the chart applies an isometric perspective through `options3d` settings (alpha, beta, depth) and stacks series without grouping. The x-axis lists car brands, while the y-axis shows sales figures. Each data point is explicitly mapped to a category index, and series are labeled with country names.

Nnikhilagopi
83% match
Loading thumbnail…

Bonus ICE Saranya

This example presents a 3D bar chart of top car brand sales across countries, using the Highcharts library with the highcharts-3d module. The visualization groups sales data for brands like Tesla, Ford, and Toyota, with a stacked column layout that positions each country’s data point at a specific category index. The chart is rendered with alpha and beta rotation angles for a perspective view, showing sales figures in billions of USD. The code relies on jQuery to initialize the chart within a container div.

MMalempatiSaranya
82% match