Tritium UI

TritiumTreemapView

Size rectangles by value so a hierarchy, or a flat list, is easy to compare.

TritiumTreemapView

Key features

  • Bind a tree with value, label, and children paths, or a flat list of nodes.
  • Lay out with squarified, slice-and-dice, or strip algorithms, and choose the strip direction.
  • Color by category or on a continuous scale from one color to another.
  • Drill into a branch, show a breadcrumb, and animate the drill.
  • Show labels, compact value text, and tooltips.
  • Highlight nodes whose label matches a search string.
  • Select a tile and handle ItemTapped and DrillChanged.
  • Export the treemap to a PNG stream or file.

Platforms

Android, iOS, Mac Catalyst, and Windows 10 version 19041 and later (.NET 10 MAUI).

Main API

  • ItemsSource . The nodes to size.
  • LayoutAlgorithm . Squarified, SliceAndDice, or Strip.
  • ColorMode . Categorical palette or a continuous value scale.
  • ItemTapped . Fires with the bound item and the treemap node.

Basic example

Declare this namespace on the page.

xmlns:treemap="clr-namespace:Tritium.Maui.Treemap;assembly=Tritium.Maui.Treemap"
<treemap:TritiumTreemapView ItemsSource="{Binding Disk}"
                         ValuePath="Bytes"
                         LabelPath="Name"
                         ChildrenPath="Children"
                         LayoutAlgorithm="Squarified"
                         IsDrillEnabled="True" />

Add the package source from your license, then reference the package that includes this control. These packages are not on the public NuGet Gallery.

Ask Tritium

How-to help and product fit for FleetPro, Tritium UI, and Tritium Reporting.

Ask how to use a feature, or tell us your company, platforms, team size, and use case. Pricing and upgrades go to sales.

Product fit
Contact sales

Search the FAQ