We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The TreeMap control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle. This control has highly customizable features such as the ability to display hierarchical and flat-level data, legends, different layouts, and color mapping.

Tree map levels

The levels of a tree map can be categorized into two types to visualize data: TreeMapFlatLevel and TreeMapHierarchicalLevel.

Flat level support in TreeMap.

Flat levels

Visualize levels for a flat data collection. The items source set to the tree map must be a flat data collection.

Hierarchical level support in TreeMap.

Hierarchical levels

Visualize levels for a hierarchical data collection that contains tree-structured data. The items source set to the tree map must be a hierarchical data collection.

Leaf nodes

The TreeMap control contains groups of data collections; each group has one or more leaf nodes. Each leaf node is displayed as a rectangle, sized and colored according to values that you assign.

Customizing leaf node borders in Xamarin.Android TreeMap.

Border customization

Leaf node borders can be customized to enhance readability.

Customizing leaf node gaps in Xamarin.Android TreeMap.

Gap customization

Gaps within a group of leaf nodes can be customized to enhance readability.

Custom view support for Xamarin.Android TreeMap.

Custom view

The TreeMap control provides template support for tree map nodes, which allow any type of custom template to be created with any type of view element.

Color mapping

Color mapping supports categorizing the nodes by customizing their colors based on the underlying values.

Range color mapping support in TreeMap.

Range color mapping

Colors can be applied to nodes by comparing their values with a desired numeric range. For example, colors can be applied to countries based on their population growth.

Desaturation color mapping support in TreeMap.

Desaturation color mapping

Colors can be applied to nodes by comparing their values with desaturation color order. For example, transparent color can be applied to countries based on their population variation from higher to lower.

Uni-color mapping support in TreeMap.

Uni-color mapping

A single color can be applied to entire nodes.

Palette color mapping in TreeMap.

Palette color mapping

Each node can be colored with a different color specified in palette color mapping.


The TreeMap provides different types of layout options to view the child nodes in effective ways.

Squarified layout support in TreeMap.


The data is visualized in this layout in the form of square-like rectangles with the best aspect ratio.

SliceAndDiceAuto layout support in TreeMap.


Data is visualized in this layout in the form of long, thin rectangles, which can be displayed either vertically or horizontally, with high aspect ratio.

SliceAndDiceHorizontal layout support in TreeMap.


This layout creates rectangles with high aspect ratio and displays them horizontally.

SliceAndSizeVertical layout support in TreeMap.


This layout creates rectangles with high aspect ratio and displays them vertically.


A legend is used to add additional information for interpreting a TreeMap with various colors, shapes, or other identifiers.

Different legend icons support in TreeMap.

Icon types

The type of legend icon can be changed to built-in shapes such as circles, rectangles, or custom shapes to indicate the node color.

Customizing legend icons in TreeMap.

Icon customization

The position of a legend can be changed or moved to any place inside a tree map.

Data labels

The tree map nodes can easily be annotated with labels to improve the readability of particular node names.

Data label customization in TreeMap.

Label customization

The look of the default labels can be customized using the font style, size, and color properties.

Smart label alignments in TreeMap.

Smart label alignment

Labels can be aligned smartly within the node boundaries and can be trimmed, wrapped, or hidden to avoid labels overlapping.


Tooltips display pop-ups with additional information about the nodes when tapped.

Tooltip in TreeMap.


  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Read independent,
authenticated reviews
on G2 Crowd

Download Now Pricing

What do our customers say about us?

Double quotes

A creator of online tutorials for Microsoft technologies, your controls helped to provide a rich user experience. I wanted a look and feel like a Windows Store app and the Tiles are useful for that.
 Microsoft MVP

Microsoft MVP

Double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

Transform your applications today by downloading our free evaluation versionDownload Free Trial


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Syncfusion Awards
Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon