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

100%

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

✓ Published2🌍 Public

Last edited Jul 6, 2022

Created on Jul 5, 2022

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

BONUS ICE1 - 3D Bar Chart

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.

Rrallabandisushen@gmail.com

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

86% 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…

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

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

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

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

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

75% match