3D Voxel Heatmap

A 3D voxel heatmap stacks colored cubes on a two-dimensional grid, with cube color encoding a numeric value on a continuous ramp and a uniform height so the entire matrix reads as a textured surface. It complements the standard 3D bar chart by trading height-encoded value for a d

Template details

  • chart
  • 3d
  • heatmap
  • voxel
  • threejs
  • matrix

When to use this template

This visualization excels at revealing patterns, clusters, and anomalies across two categorical or ordinal dimensions when the primary insight comes from qualitative differences in a continuous value. It allows for quick identification of areas of high or low intensity, or specific intersections that stand out, by leveraging a dense, rotatable color matrix rather than precise height comparisons. Analysts use it to understand the distribution and interaction of a metric across a grid, especially when the overall texture and relative cell values are more important than exact numerical comparisons between individual cells.

  • Datasets with two primary categorical or ordinal dimensions.
  • A single continuous numeric variable encoded by color.
  • Data where qualitative distinctions between grid cells are paramount.
  • Matrices with moderate to high cardinality on both axes.
  • Visualizing trends or anomalies across a two-dimensional grid.
  • Exploring relationships where the overall "texture" of values is key.

Browse all Koan templates