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

Overview

The Xamarin.Forms 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 displaying hierarchical and flat-level data, legends, different layouts, and color mapping.


Treemap levels

The levels of Xamarin.Forms TreeMap can be categorized into two types such as TreeMapFlatLevel and TreeMapHierarchicalLevel to visualize data.

Xamarin.Forms TreeMap shows flat data example

Flat levels

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

Xamarin.Forms TreeMap shows hierarchical data example

Hierarchical levels

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


Leaf nodes

The Xamarin.Forms TreeMap 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 assigned.

Xamarin.Forms TreeMap shows customized leaf node border

Border customization

Customize the leaf node borders to enhance readability.

Xamarin.Forms TreeMap shows customized gap for leaf node

Gap customization

Customize gaps within the group of leaf nodes to enhance readability.

Xamarin.Forms TreeMap custom view support for node

Custom view

The Xamarin.Forms TreeMap control provides template support for treemap 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.

Colors applied in Xamarin.Forms TreeMap by range color mapping support

Range color mapping

Apply colors to nodes by comparing their values with a desired numeric range. For example, apply colors to countries based on their population growth.

Colors applied in Xamarin.Forms TreeMap by desaturation color mapping support

Desaturation color mapping

Apply colors to nodes by comparing their values with desaturation color order. For example, apply transparent color to the countries based on their population variation from higher to lower.

Colors applied in Xamarin.Forms TreeMap by single color

Uni-color mapping

Applies a single color to the all the nodes.

Colors applied in Xamarin.Forms TreeMap by palette color mapping support

Palette color mapping

Colors each node with the color specified in palette color mapping.


Layouts

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

Xamarin.Forms TreeMap shows layout using squarified algorithm

Squarified

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

 Xamarin.Forms TreeMap shows layout using SliceAndDiceAuto algorithm

SliceAndDiceAuto

The 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.

 Xamarin.Forms TreeMap shows layout using SliceAndDiceHorizontal algorithm

SliceAndDiceHorizontal

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

 Xamarin.Forms TreeMap shows layout using SliceAndSizeVertical algorithm

SliceAndSizeVertical

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


Legend

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

Xamarin.Forms TreeMap shows different type of legend icon

Icon types

Change the type of legend icon to built-in shapes such as circles, rectangles, or custom shapes.

Xamarin.Forms TreeMap shows customized legend icon

Icon customization

Change or move the position of a legend to any place inside a treemap.


135+ XAMARIN UI CONTROLS

ALL CONTROLS
  • 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

Awards

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