Fork of 3D Bar chart

100%

Fork of 3D Bar chart

✓ Published0🌍 Public

Last edited Apr 2, 2023

Created on Apr 2, 2023

This interactive 3D bar chart visualizes vehicle sales counts by month, comparing new vehicles, used vehicles, and their respective total sales across six months. The chart uses Highcharts with the highcharts-3d module to render stacked, grouped columns in a 3D perspective with adjustable rotation and depth. Monthly sales data is displayed on the x-axis, with sales values on the y-axis and product categories on the z-axis. The visualization is based on population-related data sourced from Macrotrends, though the visible series focus on vehicle sales figures rather than demographic data.

AI-generated description

Data is taken from the source [https://www.macrotrends.net/countries/GBR/united-kingdom/population]

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Bar chart

This 3D bar chart visualizes monthly vehicle sales, comparing new vehicles, used vehicles, and their total sales across six months. The chart uses Highcharts with the highcharts-3d extension to render four stacked column series in a rotating perspective view. The x-axis lists months, the y-axis shows sales figures, and the z-axis labels the vehicle categories. Data comes from Macrotrends population statistics, though the displayed values represent sales counts. The visualization employs configurable 3D depth, alpha, and beta angles to create the dimensional effect.

Vvagdevi-369

92% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This visualization presents car manufacturer sales data for the first six months of the year as an interactive 3D bar chart. It uses the D3.js library (v5) along with the d3-3d extension and the X3DOM framework to render the three-dimensional bars, with each bar representing a manufacturer's monthly sales figures. The data is loaded from a CSV file containing the monthly values for each manufacturer across the months of January through June. The chart uses a multi-series bar chart component from the d3-x3d library to display the dataset, with axes and bar series generated programmatically.

Aadapavaishnavi12

81% match

Loading thumbnail…

3D Bar chart

This example visualizes car sales across multiple car models for the first six months of the year using an animated, interactive 3D bar chart rendered with the x3dom library. The chart displays multi-series data loaded from a CSV file, parsed into objects with keys for each month (January through June) and their respective sales values. The implementation uses d3-3d’s `barChartMultiSeries` component, which relies on the Three.js-based x3dom for 3D rendering, and D3 v5 for data parsing and selecting the chart holder. The bars rotate in 3D space, allowing examination from different angles.

Hharika-1929

80% match

Loading thumbnail…

Fork of 3D Scatter Plot

This 3D scatter plot visualizes monthly vehicle sales using two distinct marker groups, with gray and colored points differentiating categories in three-dimensional space. Built with Plotly.js 2.9.0, the visualization loads data from a CSV file hosted on GitHub via d3.csv, then maps the x, y, and z coordinates from the specified columns into two traces. Custom marker styling, including size, opacity, and colored borders, distinguishes the second dataset from the first, while the layout removes all margins to maximize the plotting area.

KKELVIN WAMBUA NZIOKI

80% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This visualization displays car manufacturer sales data for the first six months of the year as an interactive 3D bar chart, with each manufacturer represented by a multi-series bar broken down by month. The chart is rendered using the d3-x3d library, which integrates D3.js v5 with X3DOM for 3D scene output. Data is loaded from a CSV file hosted on GitHub, parsed via D3’s `csv` function, and passed to the `d3.x3d.chart.barChartMultiSeries` component. The example also loads helper scripts from unpkg and raw.githack, demonstrating a practical blend of D3 and 3D web technologies.

Rrajasrilekkala

79% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example visualizes six months of car manufacturer sales data as an interactive 3D bar chart. It uses the D3.js v5 library alongside the d3-3d plugin and the d3-x3d extension to render the chart in an X3DOM scene. The code loads a CSV dataset, parses it into objects containing manufacturer names and monthly values, and then binds that data to a multi-series bar chart component for display.

VVineela Reddy

79% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This is a 3D multi-series bar chart rendering car manufacturer sales data for the first six months of a year. It uses the d3-x3d library to generate X3DOM-based 3D scenes, with D3.js v5 handling CSV parsing and data binding. The visualization displays each manufacturer as a group of six colored bars, one per month, with heights mapped to numeric values parsed from a GitHub-hosted CSV file. Axes and chart layout come from the d3.x3d.chart.barChartMultiSeries API, while d3.scaleLinear and d3.axis functions manage scaling and tick marks.

Aadapavaishnavi12

79% match

Loading thumbnail…

3D Bar Chart using D3.js

This example shows car manufacturer sales across the first six months of the year as an interactive 3D bar chart, with each manufacturer’s monthly values rendered as vertical bars in a three-dimensional scene. The visualization uses D3.js v5 for data loading and scaling, the d3-3d plugin to convert 2D bar coordinates into 3D geometry, and the X3DOM library to render the scene in the browser. Data comes from a CSV file parsed into per-manufacturer monthly series, which are then passed to the `d3.x3d.chart.barChartMultiSeries()` chart component. The chart updates its displayed data after initially loading a random dataset.

KKELVIN WAMBUA NZIOKI

79% match