Prasun Pal

@prsn·2 public vizzes

Fork of 3D Bar Chart using D3.js

This example renders car manufacturer sales data as a 3D bar chart using D3.js v5, the d3-3d library for 3D geometry, and x3dom for X3D rendering. It loads CSV data from a GitHub gist, parsing monthly values for each manufacturer, and displays them as multi-series bars over six months. The chart uses `d3.x3d.chart.barChartMultiSeries()` to draw the bars and axes, while `d3.csv` fetches and processes the data. The visualization shows comparative monthly performance across manufacturers in an interactive 3D scene.

Dec 19, 2023

Loading thumbnail…

3D Bar Chart using D3.js

This example displays a 3D bar chart of car manufacturer data for the first six months of a year, with each manufacturer represented as a series of bars along the X and Z axes. It uses the D3.js version 5 library in conjunction with the d3-3d extension and the d3-x3d bridge, which relies on the X3DOM library to render the interactive 3D scene in the browser. The code loads a CSV file via d3.csv, parses each row into a multi-series format, and then calls the d3.x3d.chart.barChartMultiSeries() function to draw the chart, setting the chart holder's height and width through attributes.

Dec 16, 2023