3d Bar Chart
✓ Published0🌍 Public
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 descriptionMIT Licensed