Fork of 3d- chart

100%

Fork of 3d- chart

✓ Published1🌍 Public

Last edited Apr 24, 2024

Created on Apr 24, 2024

This 3D column chart shows smoking rates as a percentage of the average population across various continents and India, stacked by gender. The example uses Highcharts with the highcharts-3d module to render the columns in a three-dimensional space, with angled alpha and beta perspective views and specified depth. Each series, labeled Female Smoker and Male Smoker, is assigned to separate stacks, and the chart includes an x-axis for categorical regions, a y-axis for the affected population percentage, and a z-axis for countries. The data is supplied directly as arrays of coordinate-value pairs within the series definitions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

3d- chart

This 3D column chart visualizes the percentage of female and male smokers among the average population affected by COVID-19 across seven global regions. The highcharts library, along with its highcharts-3d module, renders the data as stacked, 3D columns with depth, rotation (alpha and beta), and perspective controls. The chart uses two series with paired data arrays, and regions are listed as categories on the x-axis. The y-axis measures the affected population percentage, while the z-axis labels the countries, all within a red-themed page background.

VVineela Reddy

88% match

Loading thumbnail…

3d- chart

VVineela Reddy

88% match

Loading thumbnail…

3-D chart

This 3-D chart visualizes the number of smokers among the average population affected by COVID-19 across six continents. It uses Highcharts with the Highcharts 3-D add-on to render stacked column series for female and male smokers. The chart applies 3-D perspective settings for depth, alpha, and beta angles, with categorical data on the x-axis, numeric counts on the y-axis, and a z-axis labeled "Continents." Data is embedded directly in the JavaScript code as series arrays.

Aabdul.khader2899@gmail.com

84% match

Loading thumbnail…

Fork of 3d- chart

This example shows a stacked 3D column chart comparing average sleeping hours for males and females across seven age categories, with the columns arranged in depth-based groups along a simulated z-axis labeled “Countries.” The chart uses Highcharts with the highcharts-3d module, setting the chart type to `column` and enabling `options3d` with alpha and beta rotation angles. Axis categories are hardcoded in the `xAxis` configuration, while the `series` data arrays provide paired `[x, y]` values for each gender, and `plotOptions.column` controls depth and group padding for the three-dimensional effect.

VVineela Reddy

79% match

Loading thumbnail…

Fork of Fork of 3d- chart

This 3D column chart displays average sleeping hours across seven age groups, comparing male and female data with stacked, grouped columns. The Highcharts library enables the three-dimensional rendering through its highcharts-3d module, with chart options configuring alpha, beta, and depth for perspective. Data is supplied via series arrays with explicit coordinates, while category labels on the x-axis range from under 12 to over 60 years. The legend distinguishes gender, and axis titles describe sleeping hours and countries, though country values are not explicitly provided.

Aajaysonu

75% match

Loading thumbnail…

Fork of Interactive 3D Bar chart

This example presents an interactive 3D bar chart of health-related data, with each bar representing a health parameter such as BMI, Smoking, or Stroke, and values plotted against age categories. Built with Highcharts and the highcharts-3d module, it uses an angled perspective with adjustable alpha and beta rotations. The chart renders with a custom series color, rotated x-axis labels for readability, and dotted grid lines on the y-axis, which visualizes the health metrics in a three-dimensional space.

Sshreyasribearelly@gmail.com

75% match

Loading thumbnail…

A7 - Heatmap

This heatmap visualizes the trend of smoking population percentages across five countries (China, India, Pakistan, Sri Lanka, and the World) over time. Each cell represents a country-year combination, with color intensity mapped from white to red using a linear scale to indicate the percentage of smokers. The visualization includes a color legend titled "Smoking Population %" and provides interactive tooltips on hover, displaying the country, year, and exact percentage. The chart uses D3.js with SVG rendering, featuring labeled axes for year and country, and a smooth color gradient to highlight variations in smoking prevalence across the dataset.

RRavneet Singh Bhatia

74% match

Loading thumbnail…

A7 Line

This line chart, created with D3, visualizes the trend of smoking prevalence (as a percentage of total population) from 1980 onward across several Asian countries and the World. The x-axis encodes time using a time scale, while the y-axis maps the percentage of smokers. Each line represents a country, distinguished by color via an ordinal scale, with a legend included. The visualization uses a cleaned dataset from the CSV, filtering for countries like China, India, Pakistan, Sri Lanka, and the World, to compare smoking trends. The chart includes labeled axes, a title, and a legend, making it easy to compare the trajectories across these regions. The example demonstrates how to build a multi-series line chart with D3.js, including data loading, nested data grouping, scales, axes, and legends. The visualization is rendered in SVG.

RRavneet Singh Bhatia

74% match