ECharts 3D Bar Chart

A true 3D bar chart on an x/y matrix — every (row, column) cell is a coloured bar standing up out of the floor with its height proportional to the value. Built with the echarts-gl plugin which adds WebGL-rendered 3D coordinate systems on top of standard ECharts. The orbit camera

Template details

  • chart
  • 3d
  • bar
  • matrix
  • webgl
  • echarts

When to use this template

This visualization excels at revealing both the spatial distribution and the precise magnitude of values across a two-dimensional grid. It helps identify hot spots, cold spots, and trends in data where both row and column context are critical for understanding individual cell values. Analysts use it to discern patterns that might be obscured by flat heatmaps or lost in aggregated views.

  • Data with two independent categorical dimensions and one quantitative measure.
  • Quantitative measures representing magnitude, frequency, or intensity.
  • Two categorical axes, each with moderate cardinality (e.g., 5-20 distinct values).
  • Datasets where precise comparison of values across the 2D grid is needed.
  • Situations where both spatial patterns and individual cell magnitudes are equally important.
  • Data where a third dimension (height) is more intuitive than color alone for magnitude.

Browse all Koan templates