Basic usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
index.cshtml
IndexController.cs
PopulationUSA.cs
TreeMapDataRepository.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The TreeMap component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik Core TreeMap component suits perfectly for visualization of hierarchical data in a traditional tree structure. The extension provides three options (Squarified, Horizontal and Vertical) for displaying the data, which could be managed by the Type treemap setting.

The main advantages of the control are that you could:

  • Visualize huge data in a meaningful and colorized way (i.e. files system structure divided by size; the popularity of different tech devices on the market, and other)
  • Optimize space on your web page by its compact structure
This TreeMap example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of each of them or directly adapt and edit them, including their theme appearance, in Telerik REPL for ASP.NET Core.

Support & Learning Resources

Additional Resources