Skip to main content
100%

3d Bar Chart

✓ Published0🌍 Public
Ssumitradevipolina
Last edited Mar 11, 2022
Created on Mar 11, 2022
Forked from Hello VizHub

This example visualizes the lifetime gross earnings of the top 50 movies using a 3D bar chart, with each bar’s height representing earnings and its position on the x-axis corresponding to movie title. The bars are rendered as SVG polygons with front, top, and side faces, drawn in a perspective projection based on a configurable camera position. The implementation uses D3.js for scales, axes, and data binding, with custom functions like `perspective` and `bar3d` handling the 3D-to-2D projection and face generation. Bars are sorted by distance from the chart’s center to control overlap, and hover interactions change the fill color.

AI-generated description
MIT Licensed

Similar vizzes