BONUS ICE

100%

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

BONUS ICE

This example visualizes view counts for various movies and TV shows across OTT platforms, including Netflix, Amazon Prime, and Hulu, using a 3D column chart. It constructs the visualization with the Highcharts library, specifically utilizing the highcharts-3d module to enable depth, rotation angles, and perspective for the bars. Each series represents a single title, such as FRIENDS or TITANIC, and is plotted at a specific platform position, while axes label the platforms and the number of views. The chart uses a dark blue background and stacking properties to organize the data points.

SSaahithi49

94% match

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

79% match

Loading thumbnail…

Bonus ICE 3D Bar Chart

This example presents Netflix subscription prices for Basic, Standard, and Premium plans from 2016 to 2022 as an interactive 3D bar chart. The visualization uses the `d3.x3d.chart.barChartMultiSeries()` component from the d3-x3d library to render three grouped bars per year, with data loaded from a CSV file via `d3.csv`. The scene is displayed in an X3DOM container, combining D3.js for data parsing and the d3-3d extension for three-dimensional layout, allowing viewers to rotate and explore the price trends across plan tiers.

Jjayavamsi

77% match

Loading thumbnail…

Bonus ICE 3D Bar Chart

This example shows Netflix subscription price changes from 2016 to 2022 across three tiers—Basic, Standard, and Premium—as a 3D bar chart. The visualization uses the `d3.x3d.chart.barChartMultiSeries()` component to render the multi-series data, with D3 v5 loading the CSV and parsing rows. The chart is displayed within an X3DOM scene, and the bars are sized based on the numeric values from the dataset. Data is fetched from a GitHub Gist containing yearly costs for each plan.

Jjayavamsi

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

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

76% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example displays a 3D bar chart comparing growth metrics for seven social media platforms across six categories: Users, Revenue, WorkForce, Stocks, Locations, and Ranking. The chart utilizes the Highcharts library with the highcharts-3d module, enabling three-dimensional column rendering with configurable alpha, beta, and depth settings. Each category appears as a grouped series with stacked data points, plotted against a categorical xAxis and numeric yAxis. The code defines chart margins, column depth, and group padding to create the visual depth effect, with all data hardcoded as arrays within the series definitions.

Kkirangithub23

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

75% match