Skip to main content
SimilarExport ZIP
100%

Jayanth

✓ Published0🌍 Public
Vvenkatajayanth03
Last edited Jul 6, 2022
Created on Jul 5, 2022
Forked from Bonus ICE

This example shows one day of top lottery sales across U.S. states using a 3D bar chart. The chart uses the Highcharts library with the highcharts-3d module to render a depth-enhanced bar plot. Each series represents a state, with multiple data points positioned along the x-axis categories, including lottery names like Florida Lotto and Powerball. The y-axis is labeled "Lottery Sales" and the title indicates the data is for a single day. The code configures chart options with enabled 3D perspective and stacking, and builds the chart via the jQuery-based `$('#container').highcharts()` API.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

3D-bar chart(Revanth)

This example shows a 3D bar chart of top-10 car sales, with bars grouped by country of origin (United States, India, UK) and height representing sales in billions of USD. Using Highcharts with the highcharts-3d extension, the chart renders with a rotation angle and perspective via the `options3d` settings, with columns configured through `plotOptions.column` for depth and stacking. The page loads Highcharts from a CDN within a minimal HTML wrapper, with data specified as coordinate pairs in the series.

RRevanthGrreddy
72% match
Loading thumbnail…

Fork of Fork of Bonus ICE Saranya

This example displays a 3D bar chart comparing top car brand sales across three countries—the United States, India, and Germany—using the Highcharts library with its highcharts-3d module. The chart renders columns with depth, stacking, and grouping disabled, and applies rotation angles (alpha: 55, beta: 25) to create a three-dimensional perspective. Data for each series is defined as arrays of coordinate-value pairs, where the first element indicates the category index on the x-axis and the second represents sales in billions of USD. The chart is embedded in a simple HTML page and initialized via jQuery’s `$(function () { ... })` callback, with the container div set to 400 pixels in height.

Vviswak12
69% match
Loading thumbnail…

Bonus ICE

This example shows a 3D bar chart titled “Top phone sales in 3 countries,” comparing sales figures for nine product categories across the United States, India, and Germany. The chart uses Highcharts with the Highcharts 3D extension, enabling a column chart with stacking, grouping, and depth settings for a three-dimensional visual effect. Each series is assigned a different country, with data values expressed in billions of USD. The chart is rendered inside an HTML page using jQuery to initialize the Highcharts configuration on a container div.

Ssuchitra2602
68% match
Loading thumbnail…

3D Bar Chart

This 3D bar chart visualizes revenue from the top three beauty products across Florida, Texas, Arizona, and Nevada. Built with the AnyChart JavaScript library, it uses three-dimensional bars with a 45-degree z-axis angle and 3D depth perspective to represent the multi-series data. The chart maps four data columns from a static data set to individual series, applies a dollar format to the y-axis labels, and enables animated transitions, tooltips, and hover interactions.

Ppavan0828
67% match
Loading thumbnail…

Piechart

This pie chart visualizes lottery ticket sales in Texas for a single day, displaying five categories with counts ranging from 390 to 3,597. Each slice’s arc length encodes the count value, with distinct colors assigned via `d3.scaleOrdinal`. The chart includes value labels positioned using the `d3.arc` centroid method and a legend listing names and counts. Data loads asynchronously from Lottery.csv using `d3.csv`, with counts parsed to numbers before `d3.pie` computes the angular layout.

Vvenkatajayanth03
66% match
Loading thumbnail…

Fork of Bonus ICE Saranya

This example presents a 3D bar chart comparing top car brand sales across the United States, India, and Germany, using Highcharts and the highcharts-3d module. The chart uses a column series with depth, stacking, and group Z padding to create a three-dimensional visual, with categories for brands like Tesla, Ford, and BMW on the x-axis and sales in billions of USD on the y-axis. Individual series map specific brands to each country, with sparse data points shown for India and Germany. The visualization is rendered inside a div container using jQuery to initialize the chart.

SSamanvitha1
66% match
Loading thumbnail…

Fork of Bonus ICE Saranya

This example presents a 3D bar chart comparing top car brand sales across the United States, India, and Germany, using Highcharts and the highcharts-3d module. The chart uses a column series with depth, stacking, and group Z padding to create a three-dimensional visual, with categories for brands like Tesla, Ford, and BMW on the x-axis and sales in billions of USD on the y-axis. Individual series map specific brands to each country, with sparse data points shown for India and Germany. The visualization is rendered inside a div container using jQuery to initialize the chart.

SSamanvitha1
66% match
Loading thumbnail…

Untitled

A 3D bar chart displays revenue for three product categories across four states, with vertical bars for Nail polish, Eyebrow pencil, and Lipstick, and color-coded series for Florida, Texas, Arizona, and Nevada. The chart is built using the AnyChart JavaScript library, which handles data mapping, animation, tooltips, and legend rendering. The SVG output is generated dynamically via the AnyChart API, with dollar-formatted Y-axis labels and rotated x-axis labels.

Ssalimjivani
66% match