ice

100%

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 7, 2022

A 3D column chart visualizes daily visitor counts for seven Hyderabad restaurants, comparing six menu items including Masala Dosa, Fried Rice, and Biryani. The Highcharts library with its highcharts-3d extension renders the chart, using plotOptions for depth and stacking configurations. The chart presents categories on the x-axis, visitor counts on the y-axis, and a z-axis labeled "Various Sources." The data consists of static arrays of coordinate-value pairs embedded within the series definitions.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

ice

This 3D column chart compares daily visitor counts across seven Hyderabad restaurants, with each restaurant’s bars grouped by six menu items such as Masala Dosa, Fried Rice, and Biryani. The chart uses Highcharts with the highcharts-3d module, enabling an isometric view via alpha, beta, and depth settings, and stacks columns along a z-axis labeled “Various Sources.” Data values are hardcoded as arrays in the series definitions.

AAshrith Kudidhi

97% match

Loading thumbnail…

ice7 question3

A line chart displays the population of Hyderabad from 1990 to 1999, with years on the x-axis and population on the y-axis. The React application uses D3’s `csv` to load and sort the data, and `scaleTime` and `scaleLinear` to map values. The line is drawn using `line` with a basis curve, while custom axes, green tick lines, and aqua tick text are rendered as SVG.

Aabhi051197

71% match

Loading thumbnail…

Fork of Bonus ICE - 3D Bar chart

This example presents a 3D column chart comparing crop production across five crops and nine districts in Hyderabad. The chart uses depth, rotation, and stacking to display multiple data series simultaneously, with crop types on the x-axis, production values on the y-axis, and district names on the z-axis. The visualization combines Highcharts’ 3D column chart API, including its `options3d` configuration for alpha, beta, and depth, with D3.js v4 for data handling. Data is hardcoded as arrays of coordinate-value pairs within series objects, each assigned to a distinct stack.

Vviswak12

71% match

Loading thumbnail…

ICE 7 Pie Chart

This pie chart visualizes the top ten restaurants by daily biryani sales, using color-coded slices to represent each hotel’s total units sold per day. The visualization loads CSV data from a GitHub gist, processes it with `d3.pie()` and `d3.arc()` to generate the chart, and applies `d3.scaleOrdinal` with `schemeCategory10` for coloring. Hovering over a slice logs its sales value to the console. Legends display restaurant names and formatted sales values, all rendered as SVG within a React-based D3 v5 setup.

Mmaheganesh

70% match

Loading thumbnail…

ice 7 abhishek question 4

This visualization shows the population of Hyderabad from 1990 to 1999 using a combined line and area chart rendered in SVG. The x-axis displays years via a time scale, while the y-axis shows population values with formatted tick labels. The chart uses d3.line and d3.area generators with a curveBasis interpolation to create smooth paths, and d3.scaleTime, d3.scaleLinear, axisBottom, and axisLeft for axes. Data is loaded from a CSV file using d3.csv and processed with Date parsing and numeric conversion.

Aabhi051197

70% match

Loading thumbnail…

ICE 7 Pie Chart

This visualization shows the top 10 restaurants by daily Biryani sales as a pie chart, with a legend listing each hotel’s name and its corresponding units sold per day. The data is loaded from a CSV via `d3.csv` and sorted in descending order before rendering. The chart uses `d3.pie` to compute arc angles, `d3.arc` for segment geometry, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG paths for drawing. Hovering over a segment logs its sales value to the console, while the legend is built with appended `rect` and `text` elements.

MMahendraGullinkala

70% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This 3D bar chart displays crop production sales across eight districts of Telangana, with each crop category (such as Banana, Rice, and Sugarcane) shown along the x-axis, production values in acres on the y-axis, and district names on the z-axis. The visualization uses Highcharts with its 3D module to render the extruded columns, integrating jQuery for chart initialization. The data is hardcoded in arrays, and the chart includes configured 3D perspective angles, depth, and centered margins to enhance the spatial layout. The chart’s title and axis labels are styled in blue, with a red caption crediting the author.

SShishiraRudrabhatla

69% match

Loading thumbnail…

Bonus ICE - 3D Bar chart

This 3D bar chart displays visitor counts for seven global landmarks, comparing six countries (USA, China, India, Italy, Turkey, and UK) using stacked, non-grouped columns. Built with Highcharts and the Highcharts-3D extension, it renders a three-dimensional perspective with configurable alpha, beta, and view distance to show depth. The chart uses the `options3d` API to enable 3D rendering and the `grouping: false` property to place all series in a single column cluster. The x-axis lists landmarks, the y-axis counts total visitors, and the z-axis labels the places, with data hard-coded directly in the array structures.

Ssuchitra2602

69% match