TreeMap live demo

TreeMap Key Features

JS TreeMap styling

The widget is very flexible. You can set different styles for Treemap items to depict their correlation depending on a particular parameter.

One-level rendering

One-level rendering mode allows displaying only same-level items on the screen. By clicking a particular item you can get access to its child items. Such an approach lets you save space on the screen, which can be pretty handy in case of mobile devices.

Compactness

Thanks to its size and peculiar structure TreeMap can display a lot of items on the screen while staying clear and comprehensible.

Navigation header

You can define a header for showing the titles of the expanded branches. By clicking the items of this header you can browse parent branches or reach the top-level data with a single click.