Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

3d Bar Chart

Public visualization

Viewing a saved revision (read-only)

37580baa0248453cad34450424a6c569

3d Bar Chart

0 stars0🌍 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