Bonus ICE

100%

✓ Published1🌍 Public

Last edited Mar 10, 2022

Created on Mar 10, 2022

This example shows the top 10 cricket batters by ICC Player Ranking, grouped by their national teams. The chart presents a 3D bar chart, with bars grouped by country, including India, Australia, England, New Zealand, Sri Lanka, and Pakistan. The code uses the Highcharts library with the Highcharts 3D module, enabling a three-dimensional perspective. The chart has margins and a view distance configured, stacking bars in groups per country while displaying batting ratings along the y-axis.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D Bar chart

This 3D bar chart visualizes the runs scored by seven cricketers across five months (January through May), using a three-dimensional perspective to compare performance over time. The chart employs Highcharts with the highcharts-3d extension, configuring the chart type as 'column' with 3D options for depth, alpha, beta, and view distance. Each month is represented as a separate series with stacked, grouped columns, while the x-axis lists player names and the y-axis displays runs scored. The z-axis denotes months, and colors distinguish each series within the interactive HTML page.

Aachalasam

79% match

Loading thumbnail…

Bonus ICE 3d Chart

This chart displays the top 20 players with the most wickets in ICC tournaments, using horizontal bars scaled by their wicket count. The SVG visualization is built with React and D3 v5, reading data from a CSV file via `d3.csv`. It uses `d3.scaleBand` for the player axis, `d3.scaleLinear` for the wicket and ball scales, and `d3.max` for domain calculation. The code includes axes with `d3.axis` tick generation, though labels and lines are rendered manually within ReactJS components.

NNaveenParitala

78% 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 - Bart Chart 3D

This example visualizes the top 10 countries by COVID-19 case counts using a 3D stacked bar chart. Each column represents a country, with three stacked segments showing total cases, total recovered, and active cases. The chart uses the Highcharts library with its highcharts-3d module, enabling a rotated perspective via the `options3d` configuration (alpha, beta, and depth). Data is supplied directly in the series arrays, with categories labeled by country names on the x-axis and case numbers on the y-axis.

AAashish Pandey

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

73% match

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

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

72% match

Loading thumbnail…

ICE_6

This example displays the top 10 all-time leading run-scorers in cricket as a horizontal bar chart. The SVG visualization uses D3 v5 with `d3.scaleLinear` and `d3.scaleBand` to map runs and player names, while `d3.axisLeft` and `d3.axisBottom` render the axes. Data comes from a CSV file loaded via `d3.csv`, with run values parsed as numbers. Each player’s total runs are shown as orange bars, with a titled chart and formatted tick labels using `d3.format`.

Vvineeth-001

72% match