syncfusion-aspnetcore-treemap

Build interactive TreeMap visualizations for hierarchical ASP.NET Core data.

2|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/syncfusion/aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-treemap
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: syncfusion-aspnetcore-treemap
Source: https://github.com/syncfusion/aspnetcore-ui-components-skills/tree/main/skills/syncfusion-aspnetcore-treemap
Command: npx skills add https://github.com/syncfusion/aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-treemap

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you turn flat or hierarchical business data into interactive TreeMap dashboards in ASP.NET Core without having to remember the component API, grouping rules, or rendering options.

Core Features & Use Cases

  • Data binding for flat lists, grouped levels, and hierarchical-style datasets.
  • Visualization controls including squarified and slice-and-dice layouts, labels, templates, spacing, and headers.
  • Interaction and reporting such as drill-down, selection, highlight, tooltips, legends, RTL support, localization, printing, and export.
  • Use cases include sales performance, category breakdowns, geographic hierarchies, budget allocation, and other size-based comparisons.

Quick Start

Ask the assistant to build an ASP.NET Core TreeMap for your dataset, group items by the right field, and add labels, color mapping, and drill-down if needed.

Frequently Asked Questions about syncfusion-aspnetcore-treemap

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive treemap in ASP.NET Core from hierarchical data?

To create an interactive treemap in ASP.NET Core, bind your hierarchical data using weightValuePath and optional groupPath levels. You can then configure squarified or slice-and-dice layouts, add labels, and apply color mapping to visualize size-based comparisons.

How does drill-down exploration work in an ASP.NET Core treemap?

Drill-down exploration in an ASP.NET Core treemap allows users to click grouped items to navigate deeper into hierarchical data levels. You configure this by setting groupPath fields and enabling selection and highlight settings for interactive dashboard scenarios.

Can I export treemap visualizations to PDF or images in an ASP.NET Core Razor Pages project?

Yes, you can export treemap visualizations to PDF, images, or print them directly from your ASP.NET Core application. The component supports built-in export workflows, allowing you to generate reports from your sales, product, or geographic dashboards.

Does the Syncfusion ASP.NET Core treemap support localization and RTL languages?

Yes, the ASP.NET Core treemap supports localization and right-to-left (RTL) rendering. You can configure these settings alongside labels, tooltips, and legends to ensure your data visualization dashboards are accessible to global users.

What's the best way to visualize sales performance or budget allocation using a treemap in ASP.NET Core?

The best way to visualize sales performance or budget allocation is binding flat or grouped data to a treemap, applying color mapping to distinguish categories, and using tooltips and legends. This provides clear, size-based comparisons for business analysis.

Why are my treemap labels and tooltips not displaying correctly in ASP.NET Core?

Treemap labels and tooltips may not display correctly if the weightValuePath or groupPath data bindings are misconfigured in your ASP.NET Core project. Verify your hierarchical dataset structure matches the specified rendering and layout settings.