Bonus ICE

100%

Bonus ICE - 3D Bar Chart Sharanya Javvaji

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Apr 5, 2023

A 3D bar chart visualizes sales for seven car manufacturers from 2015 to 2022. Each column is a manufacturer, with eight stacked segments per column representing annual sales; the chart’s depth axis maps years. The visualization uses the Highcharts library and its highcharts-3d JavaScript API, with options3d enabling perspective rotation (alpha 25, beta 40) and a set view distance. Data is hardcoded in the series arrays, with pink, yellow, and default color-coded segments for different years.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bonus ICE - 3D Bar chart

A 3D bar chart visualizes total sales for seven car brands, with each brand’s column split into six car types (Convertible, SUV, Sedan, Coupe, Hatchback, Station Wagon). Using Highcharts with the highcharts-3d module, the chart applies a column series with stacking, grouping disabled, and 3D options such as alpha, beta, viewDistance, and depth. The axes represent car brands on the x-axis, total sales on the y-axis, and car types on the z-axis, all rendered via jQuery’s container selection.

DDhanusree Kodali

88% match

Loading thumbnail…

Bonus ICE Saranya

This example presents a 3D bar chart of top car brand sales across countries, using the Highcharts library with the highcharts-3d module. The visualization groups sales data for brands like Tesla, Ford, and Toyota, with a stacked column layout that positions each country’s data point at a specific category index. The chart is rendered with alpha and beta rotation angles for a perspective view, showing sales figures in billions of USD. The code relies on jQuery to initialize the chart within a container div.

MMalempatiSaranya

83% match

Loading thumbnail…

Bonus ICE 3D Bar Chart

This interactive 3D bar chart visualizes car sales data across five years (2018-2022). Each actor from the Tollywood dataset is represented as a series of vertical bars, with height encoding the numeric award count for each year. The visualization is built using the d3-x3d library, which leverages X3DOM for rendering three-dimensional graphics in the browser. The chart dynamically populates by fetching and parsing CSV data from a remote GitHub repository, then re-renders the display with the actual dataset.

Hharika-1929

83% match

Loading thumbnail…

3D bonus ICE

This chart visualizes top car brand sales across ten countries as a 3D column graph, with each bar representing a single country’s revenue in billions of USD. Using Highcharts with the highcharts-3d extension, the chart applies an isometric perspective through `options3d` settings (alpha, beta, depth) and stacks series without grouping. The x-axis lists car brands, while the y-axis shows sales figures. Each data point is explicitly mapped to a category index, and series are labeled with country names.

Nnikhilagopi

82% match

Loading thumbnail…

Bonus ICE-3D Bar Chart using D3.js

This example visualizes car manufacturer sales data for the first six months using a 3D bar chart. The multi-series bar chart displays each manufacturer’s monthly values, rendered in an X3DOM scene through the d3-x3d library. The visualization loads CSV data from a GitHub gist, parses it into a dataset with month-value pairs, and passes it to a barChartMultiSeries component. The chart is created using d3.x3d.chart.barChartMultiSeries(), with data attached to the chart holder via the D3.js v5 selection API.

Ggayuvurukuti@gmail.com

82% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing total cars manufactured by seven automotive brands across two stacked series per category. Each brand is plotted along the z-axis, with bar height representing manufacturing totals for the x-axis categories. The chart uses Highcharts with the highcharts-3d module, enabling the chart’s options3d settings (alpha, beta, and depth) for perspective rotation. Data is hardcoded as arrays, with series stacked via the stacking and groupZPadding properties, while the background is styled pink via CSS.

GGogineni44

81% match

Loading thumbnail…

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

81% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This example displays a 3D vertical bar chart comparing application download volumes across seven aircraft manufacturers, using six grouped series to represent different download sources. The chart uses Highcharts with the highcharts-3d module, enabling a rotated perspective view through configurable alpha, beta, and depth parameters. Each bar’s height encodes total downloads, with stacked, grouped columns along the category axis and a z-axis labeling the sources. The visualization relies on jQuery for initialization and static data arrays embedded directly in the script.

SSaiSree0122

80% match