Bonus ICE

100%

✓ Published0🌍 Public

Last edited Jul 5, 2022

Created on Jul 5, 2022

This 3D bar chart shows the net worth of the top ten billionaires, with bars grouped by country and stacked along a tilted perspective. Using the Highcharts library with the Highcharts-3D module, the chart renders columns with a depth of 40 and an angled view (alpha 25, beta 25). The x-axis lists individual billionaires, while the y-axis measures net worth in billions of USD, with series separated by nationality: United States, France, and India. The code relies on jQuery to initialize the chart within a container div, setting margins and view distance for the 3D effect.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE

This example shows the top 10 billionaires in 2021, grouped by their country of origin, using a 3D stacked bar chart. The chart displays net worth in billions of USD, with each bar representing a billionaire and colored segments indicating their home country. It uses the Highcharts library with the highcharts-3d module, enabling 3D column rendering through the `options3d` configuration for depth and rotation. The data is hardcoded into three series for the United States, France, and India, with categories listed on the x-axis.

Ssrivalliwuyyuru

93% match

Loading thumbnail…

Bonus ICE

This interactive 3D bar chart displays the top 10 wealthiest individuals in 2021, with each bar's height representing net worth in billions of USD and color-coded by country of origin (US, France, India). The visualization groups the bars by country using a single stacked column series per nation, with data series named 'United States', 'France', and 'India'. Built with Highcharts and the Highcharts 3D extension, the chart uses the `options3d` configuration to enable a perspective view with specified alpha, beta, and depth settings, rendering the data as extruded columns.

AAnjan Shrestha

92% match

Loading thumbnail…

Fork of Bonus ICE

This 3D column chart displays the top ten richest people in the world for 2021, with each person’s net worth in billions of U.S. dollars and their country of origin. The visualization uses the Highcharts library with the Highcharts-3D module to render extruded, stacked columns arranged along the x-axis, with categories for each individual. Data is grouped into three separate series by country (United States, France, and India), with series values supplied as coordinate pairs. The chart enables a three-dimensional view through the `options3d` settings for alpha, beta, and depth.

Bbhargavarathod

88% match

Loading thumbnail…

Fork of Fork of Bonus ICE

This example presents a 3D bar chart of the top nine most valuable companies in the world, comparing their net worth in billions of U.S. dollars. It uses the Highcharts library with the highcharts-3d module to render the columns with depth, alpha, and beta rotation settings. The chart plots a series for United States companies with values like Apple and Microsoft, and a separate series for Saudi Arabian Aramco, using stacked columns with grouping disabled. The data and categories are defined directly in the Highcharts configuration object.

Aamiralitah

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

77% match

Loading thumbnail…

Bonus ICE - 3D Bar Chart

This 3D bar chart displays employee counts at nine major companies, grouping them by the country of origin: the United States, Germany, and Japan. The visualization uses Highcharts with the Highcharts 3D extension, enabling an isometric view through configurable alpha, beta, and depth settings. The chart employs a column series with stacking and grouping disabled, using groupZPadding and depth parameters to create a single row of three-dimensional bars across the category axis.

SSatyaVineeth

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

76% match

Loading thumbnail…

Bar Chart in D3

This bar chart displays the net worth of the top 20 billionaires in 2014, with each billionaire’s name on the y-axis and their wealth in billions on the x-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, and renders horizontal bars as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Text labels show exact wealth values at the end of each bar, while axis and chart titles are added using D3’s SVG text elements. The styling relies on CSS classes for bar fill and font formatting.

RRiya Mathur

76% match