Fork of Fork of Bonus ICE - 3D Bar chart

100%

Fork of Fork of Bonus ICE - 3D Bar chart

✓ Published0🌍 Public

Last edited Apr 2, 2023

Created on Apr 2, 2023

Forked from Fork of Bonus ICE - 3D Bar chart

This 3D vertical bar chart displays the sales quantities of seven different vegetables across six supermarket chains, with each store represented by a series of colored bars extending along the z-axis. The chart uses the Highcharts library with its highcharts-3d module and JavaScript, configured with a column chart type, enabled 3D options (alpha, beta, viewDistance, depth), and stacked, grouped columns. The x-axis lists vegetable categories, the y-axis is labeled "Vegetables," and the z-axis is labeled "Supermarkets," with data embedded directly in the series arrays for each retailer.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing download counts for seven popular apps across six app stores. The chart uses Highcharts with its highcharts-3d module, while D3 v5 and jQuery load the page and support the interface. The 3D effect is achieved through chart options that set alpha, beta, view distance, and depth, with each store rendered as a stacked series of columns. Data is provided inline as arrays of coordinate-value pairs for each store.

VVineela Reddy

80% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This gallery example uses Highcharts with its 3D extension to render a vertical bar chart comparing application download metrics across five years (2018-2022) for six named store services. The chart applies a tilted three-dimensional perspective with configurable depth, alpha, and beta angles. Each service appears as a distinct colored bar series, labeled on the z-axis as "PriceGrid - Cart Data." The data is drawn from CSV files representing year-specific matches, while the chart’s static categories are hardcoded in the xAxis. The implementation also includes an unfinished d3.js menu module and parsing logic for linked CSV datasets.

TThaverman

80% match

Loading thumbnail…

Fork of ICE-6

This is a bar chart of supermarket sales data, showing the unit price for the first ten product lines from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and renders SVG rectangles for each bar. Data is loaded asynchronously via `d3.csv` and limited to ten entries before being displayed. The chart includes custom axes with gridlines and labels, all rendered as SVG elements within a React component.

SsreepavanKothapalli

79% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This 3D bar chart displays product sales across categories for several countries using Highcharts with its 3D extension. The visualization presents a column chart with depth, rotation, and stacking enabled, showing sales data for the US, Germany, Australia, Bangladesh, Sri Lanka, and Canada across seven product types. The chart uses Highcharts’ JavaScript API with options3d configuration to create the three-dimensional perspective, while the x-axis lists product categories and the y-axis shows total sales. The visualization forks a prior example and loads data directly in the series arrays.

VVineela Reddy

79% match

Loading thumbnail…

Fork of ICE-6

This visualization presents a horizontal bar chart displaying the "Unitprice" for the top 10 records from a Supermarket Sales CSV dataset. Each bar represents a product line, with its length proportional to the unit price. The chart is built using React and D3 v5, leveraging `d3.csv` for data loading, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the x-axis price scale. The SVG rendering includes grid lines and axis labels, with blue bars drawn using SVG rectangles within a transformed group.

LLakshmiManjushaReddyYarreddu

79% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing total downloads for seven popular applications across six different app stores. Each app is positioned along the x-axis, with stacked volume bars extending along the z-axis to represent the download totals from each store, while the y-axis indicates the download count. The visualization uses the Highcharts library with its highcharts-3d module, enabling a rotated, perspective view through the chart’s `options3d` settings for alpha, beta, and depth. The data is hardcoded in the series arrays, with each store as a separate stacked series.

SSUSHMA CHIRRA

79% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart of download numbers for five applications across five categorical sources, with data series plotted along a depth axis to create a three-dimensional column layout. The chart uses the Highcharts library with the highcharts-3d module, enabling rotation through the `options3d` configuration. The `plotOptions` define stacking and grouping for the columns, while the x-axis lists categories like latitude and longitude, and the z-axis is labeled "Various Sources." Each series is paired with its data points, and the chart is rendered inside a container using jQuery to initialize the Highcharts instance.

SSweetierams

78% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example shows a 3D vertical bar chart comparing download counts for seven popular applications across six app stores, with each store’s data represented as a stacked bar series. The chart uses the Highcharts library with its highcharts-3d module, enabling the options3d configuration for rotation, depth, and perspective. Categories appear on the x-axis, download totals on the y-axis, and store sources on the z-axis. The code loads data via jQuery’s `$` function and renders series for App Store, Playstore, OneStore, Softonic, GalaxyStore, and VivoStore, with grouping disabled to create layered 3D columns.

Vviswak12

78% match