Fork of Bonus ICE - 3D Bar chart

100%

Fork of Bonus ICE - 3D Bar chart

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Mar 31, 2023

This example presents a 3D vertical bar chart of average rainfall per season for the years 2010 through 2013, with distinct series for winter, spring, summer, and autumn. The chart uses the Highcharts library with the highcharts-3d module, enabling an angled perspective through configurable alpha and beta rotation angles. Columns are stacked and grouped along the depth axis, with categories on the x-axis, rainfall values on the y-axis, and a z-axis labeled “Various Sources.” Data is hardcoded as arrays of coordinate-value pairs within each series definition.

AI-generated description

MIT Licensed

Similar vizzes

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

83% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example shows seasonal average rainfall across multiple years as a 3D bar chart. It uses the d3-x3d library’s `barChartMultiSeries` component to render the bars in an X3DOM scene. The code loads CSV data, parses each year into winter, spring, summer, and autumn values, and binds that data to the chart container. The visualization relies on D3 v5 for data processing and selection, with d3-3d and X3DOM providing the 3D rendering.

Nnavyasrimeka9@gmail.com

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

79% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example presents a 3D vertical bar chart displaying minimum and maximum temperature data for seven station names, shown as paired, stacked columns. The visualization uses Highcharts with the highcharts-3d module, enabling an isometric perspective through configurable alpha, beta, and depth settings. Each category on the x-axis represents a station, while the y-axis tracks station-names and the z-axis indicates temperature values. Data is loaded as arrays with explicit category indices, and series are defined for MIN_TEMP and MAX_TEMP with stacking and groupZPadding to separate the two temperature groups visually.

SSweetierams

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

78% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This gallery example uses Highcharts with its 3D extension to render a vertical bar chart comparing application download metrics across five years (2018-2022) for six named store services. The chart applies a tilted three-dimensional perspective with configurable depth, alpha, and beta angles. Each service appears as a distinct colored bar series, labeled on the z-axis as "PriceGrid - Cart Data." The data is drawn from CSV files representing year-specific matches, while the chart’s static categories are hardcoded in the xAxis. The implementation also includes an unfinished d3.js menu module and parsing logic for linked CSV datasets.

TThaverman

78% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example presents a 3D column chart comparing crop production across five crops and nine districts in Hyderabad. The chart uses depth, rotation, and stacking to display multiple data series simultaneously, with crop types on the x-axis, production values on the y-axis, and district names on the z-axis. The visualization combines Highcharts’ 3D column chart API, including its `options3d` configuration for alpha, beta, and depth, with D3.js v4 for data handling. Data is hardcoded as arrays of coordinate-value pairs within series objects, each assigned to a distinct stack.

Vviswak12

78% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing total downloads for seven popular applications across six different app stores. Each app is positioned along the x-axis, with stacked volume bars extending along the z-axis to represent the download totals from each store, while the y-axis indicates the download count. The visualization uses the Highcharts library with its highcharts-3d module, enabling a rotated, perspective view through the chart’s `options3d` settings for alpha, beta, and depth. The data is hardcoded in the series arrays, with each store as a separate stacked series.

SSUSHMA CHIRRA

78% match