Progress Telerik UI for ASP.NET Core

ASP.NET Core TreeMap

  • Use the ASP.NET Core TreeMap component for space-efficient display of a large number of items. Use custom colors for each item or apply client-side templates to match the design of your apps. 
  • This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The ASP.NET Core TreeMap component displays tree-structured data as a set of nested rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. By construction, the TreeMaps make efficient use of space. As a result, they can legibly display thousands of items on the screen simultaneously.

    See the ASP.NET Core TreeMap in action
    Telerik UI for ASP.NET Core Treemap
  • TreeMap Rendering Types

    There are three TreeMap rendering types:  
    • Squarified
    • Vertical (slice and dice algorithm)
    • Horizontal (slice and dice algorithm)
  • Tiling Algorithms

    Choose from several built-in algorithm types when deciding how to visualize data—horizontal, squarified and vertical.
    Telerik UI for ASP.NET Core Treemap
  • Export to PDF

    Export the content of the TreeMap control to PDF and easily customize the look and feel of the exported file to meet user requirements.

  • Events

    The ASP.NET Core TreeMap exposes the ItemsCreated and DataBound events, triggered when a tile has been created or when the component is bound to data from its DataSource, respectively. 

    See Events Demo for ASP.NET Core TreeMap
    Telerik UI for ASP.NET Core TreeMap
  • Razor Pages

    The ASP.NET Core TreMap is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.
  • HTML and Tag Helpers

    The Telerik UI for ASP.NET Core offers two ways for declaring UI components. You can choose to use HTML or Tag helper to implement the TreeMap, depending on your technology background and development preference and practice.  
    Telerik UI for ASP.NET Core TreeMap
  • TreeMap Theming

    The TreeMap can be customized to satisfy your needs with the help of our 20+ built-in themes or by simply changing the colors of each item in the component to match the style of your project. You can easily customize any of the out-of-the-box themes with a few lines of CSS or create new themes by using the Telerik SASS ThemeBuilder application. 
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.