Skip to main content
Syncfusion.Blazor.TreeMap package icon

Syncfusion.Blazor.TreeMap

The Blazor TreeMap is a feature-rich component used to visualize both hierarchical and flat data. Customize the look and feel of the tree maps by using built-in features like color mapping, legends, and label templates. Key Features: * Leaf Nodes - A 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 that you assign * Levels - Render any number of child items for each individual node in the tree map. * Color mapping - Customize the treemap item colors based on given values. It has three types: range color mapping, equal color mapping, and desaturation color mapping. * Data label - It is used to display more details about a particular item. * Label template - Render any HTML element as a label for the nodes in the a tree map. * Drill-down - Support to drill the parent items to have a more detailed look at their child items. * Legend - To provide valuable information for interpreting the treemap with various colors, shapes, or other identifiers based on data and application needs. * Layout types - To view the child nodes in effective ways. Different types of layouts are Squarified, Auto slice and dice, Horizontal Slice slice and dice horizontal and Vertical slice and dice. * Tooltip - To display the treemap item's values in a tooltip. * Selection and Hightlight - Select a particular shape on mouse click and highlight on mouse hover to bring the center of attraction over other items in the treemap. * RTL - You can render the tree map elements like nodes, headers, labels, and legends in the right-to-left direction. * Print and Export - Export or print the rendered Blazor TreeMap to save a local copy for further use. Helpful links: Feature Tour: https://www.syncfusion.com/blazor-components/blazor-treemap Documentation: https://blazor.syncfusion.com/documentation/treemap/getting-started/ Demos: https://blazor.syncfusion.com/demos/treemap/default-functionalities?theme=bootstrap4 Support: Incident: https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=nuget&utm_medium=listing Forum: https://www.syncfusion.com/forums/blazor-components/?utm_source=nuget&utm_medium=listing This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials). © Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

Total Downloads
272.8K
272,810
Published
Feb 15, 2021
Latest stable version

Install

.NET CLI
dotnet add package Syncfusion.Blazor.TreeMap --version 18.4.0.43
Package Manager Console
Install-Package Syncfusion.Blazor.TreeMap -Version 18.4.0.43
PackageReference
<PackageReference Include="Syncfusion.Blazor.TreeMap" Version="18.4.0.43" />

Frameworks

net5.0 .NETStandard2.1

Dependencies

[18.4.0.43, )
[18.4.0.43, )
[18.4.0.43, )
Syncfusion.Blazor.Core
.NETStandard2.1
[18.4.0.43, )
Syncfusion.Blazor.Data
.NETStandard2.1
[18.4.0.43, )
[18.4.0.43, )

Adoption guide

A verified publisher signal is available. Assess fit from the package's supported frameworks, license and dependency graph rather than popularity alone.

No SPDX license expression is published. Review the license text and your organisation's policy before redistribution.

Compatibility metadata lists 2 target frameworks; confirm the exact target used by your application.

How to read this guidance

Sources: published NuGet v3 registry metadata and explicit NuBrowse editorial guides. Refresh: package metadata is refreshed from NuGet when the page loads. Limit: this is not a security, legal or compatibility guarantee; validate the selected version in your project.

Useful next steps

Move from package metadata to a concrete selection or review workflow.