Fork of Bonus ICE

100%

Fork of Bonus ICE

✓ Published3🌍 Public

Last edited Mar 12, 2022

Created on Mar 12, 2022

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.

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

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

90% match

Loading thumbnail…

Bonus ICE

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.

Aakhil kata

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

80% match

Loading thumbnail…

ICE-7 (Pie Chart)

The visualization displays the top 10 richest people in the world for 2021 as a pie chart, with each slice sized by net worth in billions of U.S. dollars and labeled with a color-coded legend. It uses D3 v5 to load CSV data, scale ordinal colors, and d3.pie and d3.arc to generate SVG path segments. The legend lists each person’s name and their formatted net worth value, while the chart renders with a fixed inner radius of 0 and outer radius of 175 pixels.

AAnjan Shrestha

77% match

Loading thumbnail…

Fork of ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires in the world, using data from a CSV file loaded via the D3.js `csv` function. The chart displays each billionaire's name and net worth in billions, with colored slices and value labels positioned using the `arc.centroid` method. A legend on the right pairs each color swatch with the corresponding name and net worth figure. The visualization uses D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for color mapping and `format` for tick label formatting, rendering as SVG elements.

Ggaddamthanmayeereddy759@gmail.com

76% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

A 3D bar chart displays the top 10 most-visited landmarks across six countries, comparing visitor totals for sites like the Eiffel Tower and Taj Mahal. The chart uses Highcharts with the highcharts-3d module, configuring an angled perspective through the `options3d` settings (alpha, beta, and depth). Bars are grouped by country as stacked series, with each series representing a nation’s visitor numbers across the landmark categories. The x-axis lists the places, the y-axis measures total visitors, and the z-axis labels the various locations, all rendered on an orange background.

VVineela Reddy

75% match

Loading thumbnail…

Fork of Fork of ICE-7 Pie Chart

This example visualizes the net worth of the richest people as a pie chart, with colored segments and a legend listing each name alongside its value in billions. It loads CSV data from a GitHub gist via `d3.csv`, then processes the `NETWORTH` field as numbers. The chart uses `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` for colors, and `d3.format` to display abbreviated tick values. Legends are appended as SVG rectangles and text elements, with the entire graphic rendered in an SVG container.

Cchandrakalavanukuri

74% match