Bonus ICE

100%

Bonus ICE - 3D Bar chart

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

A 3D bar chart displays manufacturing totals for seven airline manufacturers, including Airbus and Boeing, across six stacked data series representing different sources. The chart uses Highcharts with the highcharts-3d extension, applying rotation angles alpha and beta to create the three-dimensional perspective. Categories appear on the x-axis, manufacturing values on the y-axis, and sources on the z-axis, with each series assigned to a distinct stack. Data points are provided as coordinate-value pairs in the series arrays.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example displays a 3D vertical bar chart comparing application download volumes across seven aircraft manufacturers, using six grouped series to represent different download sources. The chart uses Highcharts with the highcharts-3d module, enabling a rotated perspective view through configurable alpha, beta, and depth parameters. Each bar’s height encodes total downloads, with stacked, grouped columns along the category axis and a z-axis labeling the sources. The visualization relies on jQuery for initialization and static data arrays embedded directly in the script.

SSaiSree0122

87% match

Loading thumbnail…

Bonus ICE-3D Bar Chart using D3.js

This example visualizes car manufacturer sales data for the first six months using a 3D bar chart. The multi-series bar chart displays each manufacturer’s monthly values, rendered in an X3DOM scene through the d3-x3d library. The visualization loads CSV data from a GitHub gist, parses it into a dataset with month-value pairs, and passes it to a barChartMultiSeries component. The chart is created using d3.x3d.chart.barChartMultiSeries(), with data attached to the chart holder via the D3.js v5 selection API.

Ggayuvurukuti@gmail.com

80% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

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.

GGogineni44

79% match

Loading thumbnail…

Bonus ICE - 3D Bar Chart Sharanya Javvaji

A 3D bar chart visualizes sales for seven car manufacturers from 2015 to 2022. Each column is a manufacturer, with eight stacked segments per column representing annual sales; the chart’s depth axis maps years. The visualization uses the Highcharts library and its highcharts-3d JavaScript API, with options3d enabling perspective rotation (alpha 25, beta 40) and a set view distance. Data is hardcoded in the series arrays, with pink, yellow, and default color-coded segments for different years.

SSharanya1307

79% match

Loading thumbnail…

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

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

78% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing annual income across seven professions, with male and female series plotted side-by-side along a depth axis. The chart uses Highcharts with the highcharts-3d module, enabling rotation and depth through the `options3d` configuration, which sets alpha, beta, and view distance. Data is provided as hardcoded arrays in the series, with categories on the x-axis, income on the y-axis, and gender on the z-axis. The code relies on jQuery to initialize the chart within a container div.

Pprathyusha-reddy-arch

78% match

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

78% match