Bonus ice interactive bar

100%

Bonus ice interactive bar

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 6, 2022

This interactive bar chart displays global video game sales across seven titles, broken down by region (North America, Europe, Japan, Global, and Other) using a three-dimensional column layout. Built with Highcharts and its highcharts-3d module, the visualization stacks regional sales values for each game, with axis labels for game names, sales in millions, and region categories. The chart initializes via jQuery, loading data directly from hardcoded arrays in the HTML file.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D-Bar-chart

This 3D bar chart visualizes worldwide video game sales across ten platforms (PC, Nintendo DS, PlayStation, Wii, Xbox, and others), with stacked columns representing five regional categories: North America, Europe, Japan, Other Countries, and Global. The code uses the Highcharts library with the highcharts-3d extension, enabling an angled, perspective view through the `options3d` configuration (alpha, beta, and depth settings). Each series supplies raw data points as coordinate pairs, while the zAxis defines regional categories for the depth dimension. The chart’s color palette, derived from plot options, distinguishes the five stacked series.

Ssenthilrajendran1

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

84% match

Loading thumbnail…

BONUS ice 3d bar

This example visualizes video game sales data as a 3D bar chart, comparing regional and global sales across ten titles. It uses the d3-x3d library to bridge D3.js with X3DOM, rendering multi-series bars in a WebGL scene. The code loads CSV data via d3.csv, parses it into per-game sales categories, and binds it to a d3.x3d.chart.barChartMultiSeries component. The d3-3d plugin and D3 v5 scales handle the chart’s 3D layout, while the X3DOM runtime displays the interactive, rotatable scene in the browser.

TTejamod

82% match

Loading thumbnail…

Anv Bonus ICE - 3D Interactive Bar Chart

This 3D interactive bar chart visualizes Xbox game sales across 14 titles, segmented into five regional series (North America, Europe, Japan, Rest of the World, and a total). Built with the Highcharts JavaScript library and its `highcharts-3d` module, the chart uses `chart.options3d` with `alpha` and `beta` rotation angles, and configures column depth and stacking via `plotOptions.column`. The regions appear as separate stacks, with data arrays in `x,y` pairs. jQuery initializes the chart inside a container div.

AAnvesh Chinta

81% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This interactive 3D bar chart displays top video game sales by platform, with stacked vertical bars grouped along a depth axis to show both platform categories and individual game titles. The visualization loads CSV data from a GitHub gist and renders it using Highcharts with the highcharts-3d module, enabling a perspective view with configurable alpha, beta, and depth settings. The chart uses jQuery to fetch the data and constructs a series array where each game is a separate series, with x-axis platforms, y-axis sales in millions, and z-axis game names.

SSheela2930

81% match

Loading thumbnail…

bar chart from bonus ice

An interactive bar chart displays global sales figures for ten video games and programming languages, with hover highlighting that reveals the percentage difference between the selected bar and all others. Built with React and D3 v5, the visualization uses SVG rendering and transitions to animate bar opacity and width changes on mouse events. D3 scales (`scaleBand`, `scaleLinear`) drive the axes, while grid lines and axis generators (`d3.axisLeft`, `d3.axisBottom`) structure the layout. A dashed horizontal line and divergence labels appear on hover, with data sourced from a hardcoded sample array containing names, sales values, and colors.

TTejamod

81% match

Loading thumbnail…

A Bar Chart(Platform)

This interactive bar chart displays global video game sales across platforms, with a dropdown menu to switch between sales regions including North America, Europe, Japan, and other markets. The visualization uses React with D3 v5 scales (scaleBand, scaleLinear) to render SVG rectangles, with axes generated through custom components. Sales data is loaded from a Kaggle dataset via d3.csv, and each bar includes a tooltip showing the formatted sales value.

RRED98310

78% match

Loading thumbnail…

Video Game Sales

This example shows regional video game sales as a 3D multi-series bar chart, comparing North America, Japan, and global sales across the top-selling titles. The visualization uses the `d3.x3d` library to render the bars in an X3D scene, with `d3.csv` loading the dataset and a custom row parser structuring the data for the chart. The chart is created by calling `d3.x3d.chart.barChartMultiSeries()`, and the code updates the displayed data using D3’s selection and `datum` methods.

Ppemmasaniprudhvinadh

78% match