Skip to main content
SimilarExport ZIP
100%

BONUS ICE

✓ Published0🌍 Public
SSaahithi49
Last edited Jul 7, 2022
Created on Jul 7, 2022
Forked from HTML Starter

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

BONUS ICE

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.

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
75% 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
75% 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
74% match
Loading thumbnail…

Bonus ICE

This example visualizes genre and YouTube video upload count per month using an interactive 3D bar chart. It displays multi-series data with each genre represented as a group of bars for the months January through May. The visualization is built with React, using d3.v5 for data processing and the d3-x3d library to render the 3D scene. Data is loaded from a CSV file via d3.csv, parsed, then passed to the chart holder through the barChartMultiSeries component. The X3DOM library handles the 3D rendering in the browser.

MMahitha-Moparthi
73% match
Loading thumbnail…

Bonus ICE - 3D Bar chart

A 3D vertical bar chart compares total downloads for seven music artists across six app stores, with each store’s download counts stacked as distinct colored bars per artist. Built with Highcharts and the Highcharts 3D extension, it renders columns with depth, enabled via `options3d` (alpha, beta, viewDistance, depth), and uses `plotOptions.column` for stacking and grouping. The chart plots series arrays for each store, with categories on the x-axis, download totals on the y-axis, and a z-axis titled “Various Sources.” The example uses a grey background and a fixed-height container.

Ssuchitra2602
73% match
Loading thumbnail…

Bonus ICE

This example presents the production budgets of Marvel Cinematic Universe films, grouped by genre subcategories such as action-adventure-sci-fi and fantasy. It uses Highcharts with its 3D module to render an interactive column chart where bars are stacked and grouped in a three-dimensional perspective. The chart plots budget values in millions of dollars against movie titles, with individual data points defined as arrays in the series configuration. The visualization relies on the Highcharts API for 3D rendering and the jQuery library for DOM integration.

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