Skip to main content

TreeMap Charts

JavaScript Chart Types

TreeMap Charts

A treemap chart uses a hierarchical display of nested rectangles where each node of the tree gets its own area which is then further subdivided based on the nested values. By shading the rectangles with value data and examining the relative size of the rectangles, useful patterns emerge for those viewing treemaps.

An animated treemap chart of US state populations over time.
A treemap chart with cushion shading algorithm.
Treemap using cushion shading as an option.
Treemap chart of file sizes in folder.
Treemap of top 20 country populations.
Treemap of top 20 country populations.
Treemap of top 20 country populations with a smartPalette.