ApexCharts Distributed Treemap

A flat treemap where every leaf is a coloured rectangle whose area encodes a value and whose colour is auto-distributed across a palette so adjacent rectangles never share a hue. ApexCharts' treemap supports `distributed: true` to randomise colours across cells, and `dataLabels`

Template details

  • chart
  • treemap
  • distributed
  • categorical
  • share
  • apexcharts
  • apex

When to use this template

This visualization excels at revealing the relative proportions of many distinct items within a total, making it easy to identify the largest contributors and the long tail. An analyst would use it to quickly grasp the distribution of a single quantitative measure across numerous categories, especially when a precise comparison of individual small values is less critical than understanding the overall landscape.

  • Flat, non-hierarchical categorical data
  • Between 10 and 50 distinct categories
  • Each category has a single positive quantitative value
  • Values represent parts of a whole or relative magnitudes
  • Categories lack an inherent order or grouping
  • Focus on immediate visual comparison of relative sizes

Browse all Koan templates