The Shield UI TreeMap widget is a powerful data visualization component that can be used for displaying hierarchical data in the form of nested rectangles.

Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches.

View Demo

Shield UI TreeMap Component

Different TreeMap Algorithms

Choose between squarified, horizontal and vertical layout of the data items.

Advanced Formatting

Apply specific formatting for the TreeMap items' text, color, value and tooltip, supporting Internationalization and custom functions.


The Shield UI TreeMap widget comes with a rich preset of themes, which cover most visual requirements. This makes it easy for the control to blend in with other Shield UI components on the page.