syncfusion-blazor-treemap
Implementing TreeMap
This skill collects all guidance for implementing the Syncfusion Blazor TreeMap component. Use the navigation guide below to open the specific reference topic you need; each reference file is self-contained and includes examples, edge cases, and troubleshooting.
Official API Surface
- Component:
SfTreeMap<TValue> - Interface:
ITreeMap - Core child settings:
TreeMapLevels,TreeMapLeafItemSettings,TreeMapLegendSettings,TreeMapTooltipSettings,TreeMapSelectionSettings,TreeMapHighlightSettings,TreeMapEvents - Common enums:
LayoutMode,RenderingMode,LabelPosition,LabelPlacement,LabelIntersectAction,LegendMode,LegendPosition,LegendOrientation,LegendShape,SelectionMode,HighLightMode - Common event args:
LoadEventArgs,LoadedEventArgs,ItemRenderingEventArgs,ItemClickEventArgs,ItemSelectedEventArgs,ItemMoveEventArgs,LegendRenderingEventArgs,LegendItemRenderingEventArgs,TreeMapTooltipArgs
When to Use This Skill
- When integrating a hierarchical, area-proportional visualization in a Blazor app.
- When you need guidance on layouts, color-mapping, labels, legends, or drill-down.
- When configuring data-binding for hierarchical or flat datasets.
- When implementing accessibility, localization, print/export, or performance optimizations.
⚠️ Security Warning
More from syncfusion/blazor-ui-components-skills
syncfusion-blazor-datagrid
Implements the Syncfusion Blazor DataGrid (SfGrid) for efficient tabular operations such as sorting, filtering, paging, grouping, editing, aggregates, virtualization, lazy‑load grouping, and row or column spanning. Use this skill when building data‑grid workflows in Blazor Server, WebAssembly, Web App, or MAUI applications. Supports Excel/PDF export, virtual or infinite scrolling, customizable templates, and grid state persistence for consistent and optimized data‑grid behavior.
105syncfusion-blazor-charts
Implement Syncfusion Blazor Chart (SfChart) component for comprehensive data visualization. Use this when creating line charts, bar/column charts, area charts, financial charts, or statistical visualizations. This skill covers 30+ chart types including scatter plots, bubble charts, candlestick charts, and specialized charts like waterfall, histogram, and polar charts for Blazor applications.
101syncfusion-blazor-accumulation-chart
Implement Syncfusion Blazor Accumulation Chart (SfAccumulationChart) for proportional data visualization. Use this when creating pie charts, doughnut charts, funnel charts, or pyramid charts. This skill covers data labels, legends, tooltips, slice grouping, and part-to-whole visualizations in Blazor applications.
100syncfusion-blazor-dropdowns
Comprehensive guide for implementing Syncfusion Blazor dropdown components including AutoComplete, ComboBox, DropDown List, MultiSelect Dropdown, and ListBox. Use this when building selection interfaces, data binding, filtering, cascading dropdowns, custom templates, and accessible dropdown experiences in Blazor applications. Covers all dropdown components from Syncfusion.Blazor.DropDowns package.
99syncfusion-blazor-common
Set up Syncfusion Blazor components — project creation, NuGet packages, service registration, script loading, bUnit testing, and localization & globalization configuration
99syncfusion-blazor-diagram
Build and troubleshoot Syncfusion Blazor diagrams using SfDiagramComponent. Trigger for flowcharts, org charts, mind maps, BPMN, UML sequence, swimlanes, symbol palettes, nodes/connectors/ports/annotations, layouts, data binding, serialization (load/save), export/print, and collaborative editing questions. Provide Blazor + Syncfusion setup steps, configuration patterns, and sample snippets.
97