Skip to main content
SimilarExport ZIP
100%

BONUS ICE1 - 3D Bar Chart

✓ Published0🌍 Public
Rrallabandisushen@gmail.com
Last edited Apr 6, 2023
Created on Apr 6, 2023

This example uses Highcharts and the Highcharts 3D add-on to render a three-dimensional vertical bar chart that visualizes total profit for sub-category products, grouped into quadrants based on sales and profit levels. The chart displays profit values on the y-axis and product categories on the x-axis, with distinct series for low and high sales/profit combinations. The code configures 3D properties such as depth, alpha, beta, and viewDistance within the `options3d` object to create the perspective view.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

BONUS ICE1 - 3D Bar Chart for Total Profit with Sales-Profit and Quadrant of Sub-Category Product

This 3D bar chart displays total profit across 17 product sub-categories, categorized into four quadrants based on sales and profit levels. The visualization uses Highcharts with the highcharts-3d module, enabling a column chart with 3D depth and rotation angles. The data series are stacked with distinct groupings, showing product categories like Phones as having both high sales and high profit. The chart’s interactivity and visual depth are rendered client-side using JavaScript and jQuery to initialize the chart within an HTML container.

SShreeti Upreti
91% 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
83% match
Loading thumbnail…

Bonus ICE - 3D Bar chart

This example presents a 3D bar chart visualizing PS4 game sales across five titles, broken down by region and global totals. Each game appears as a set of depth-enhanced, stacked columns along the x-axis, with sales values mapped to the y-axis. The chart uses the Highcharts library with its highcharts-3d module, configuring options3d for rotation and depth, and defines series for North America, Europe, Japan, Rest of the World, and Global sales. The x-axis categories list the game titles, while the y-axis and z-axis are labeled for total sales.

Aanushaanumula
82% match
Loading thumbnail…

3D Bar Chart for bonus ICE

This example displays retail sales data as an interactive 3D bar chart, showing product price, quantity, and tax values. The visualization uses the `d3-x3d` library to render bars in X3D, with D3 v5 handling the data processing and CSV loading from a GitHub-hosted file. The chart is built as a multi-series bar chart, where each product corresponds to a group of bars. The code initializes the chart with random data before replacing it with the actual retail sales dataset.

Pprashanth yamala
82% 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
82% match
Loading thumbnail…

Project - 3D Vertical Bar Chart for Total Profit with Sales-Profit Quadrant of Sub-Category Product

This example displays a 3D vertical bar chart comparing total profit across product sub-categories, grouped into four sales-profit quadrants: low sales/low profit, low sales/high profit, high sales/low profit, and high sales/high profit. Built with Highcharts and the Highcharts-3D module, it renders stacked columns with an isometric perspective using the chart’s `options3d` settings for depth and rotation. Data is hardcoded as arrays of category-index and profit-value pairs, while quadrant assignments are encoded as separate series stacks. The visualization highlights profit distribution patterns within retail categories.

AAnjan Shrestha
80% 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
80% match
Loading thumbnail…

BONUS ICE

This example shows a three-dimensional bar chart of movie and TV show views across multiple streaming platforms, including Netflix, Amazon Prime, Hulu, and HBO Max. Each series represents a title like FRIENDS, TITANIC, or DARK, plotted to a single category position along the x-axis. The chart uses Highcharts and the highcharts-3d module to enable a perspective view with configurable alpha, beta, and depth settings. Data is hard-coded inline as arrays in the series definitions, with stacked columns rendered using the column depth option.

SSaahithi49
79% match