syncfusion-maui-toolkit-sunburst-charts

Implements Syncfusion .NET MAUI Sunburst Chart (SfSunburstChart) for hierarchical data visualization using a radial, multi-level circular layout. Use this for sunburst charts, radial hierarchical charts, multi-level pie charts. Ideal for visualizing organizational structures, file systems, or nested categorical data.

Skill file

Preview skill file
---
name: syncfusion-maui-toolkit-sunburst-charts
description: Implements Syncfusion .NET MAUI Sunburst Chart (SfSunburstChart) for hierarchical data visualization using a radial, multi-level circular layout. Use this for sunburst charts, radial hierarchical charts, multi-level pie charts. Ideal for visualizing organizational structures, file systems, or nested categorical data.
metadata:
  author: "Syncfusion Inc"
  version: "1.0.0"
---

# Implementing .NET MAUI Sunburst Charts

Guide users to implement Syncfusion .NET MAUI Sunburst Chart (SfSunburstChart), a powerful hierarchical data visualization component that displays multi-level categorical data in a radial layout. Each ring represents a level in the hierarchy, with segments sized proportionally to their values. The component supports customizable appearance, data labels, tooltips, and selection.

## When to Use This Skill

Use the Syncfusion .NET MAUI Sunburst Chart when you need to:

- **Visualize hierarchical data** with 2-5 levels (organizational charts, file systems, product categories)
- **Show proportional relationships** where segment size represents value or count
- **Display nested categorical data** like sales by region → department → product
- **Create radial visualizations** as an alternative to tree maps or nested pie charts
- **Build interactive dashboards** with multi-level data exploration capabilities

The sunburst chart is ideal when users need to understand both the hierarchy structure and the relative proportions at each level.

## Component Overview

The SfSunburstChart presents hierarchical data in concentric rings, where:
- **Center** represents the root or can display custom content
- **Inner rings** represent higher-level categories
- **Outer rings** represent detailed subcategories
- **Segment size** is determined by the value property

**Key capabilities:**
- Hierarchical level configuration with GroupMemberPath
- Customizable angles, radius, and inner radius
- Data labels with rotation and overflow modes
- Interactive tooltips with custom templates
- Selection highlighting with multiple display modes
- Center view for displaying summary information

## Documentation and Navigation Guide

### Getting Started
📄 **Read:** [references/getting-started.md](references/getting-started.md)
- NuGet package installation and setup
- Basic sunburst chart implementation
- Creating hierarchical data models
- Configuring ItemsSource and ValueMemberPath
- Adding hierarchical levels with GroupMemberPath
- Enabling title, legend, tooltips, and labels
- Complete working example

### Visual Customization

#### Appearance Configuration
📄 **Read:** [references/appearance.md](references/appearance.md)
- Adjusting start and end angles for partial circles
- Customizing radius and inner radius
- Configuring stroke color and width
- Creating donut-style visualizations

#### Data Labels
📄 **Read:** [references/data-labels.md](references/data-labels.md)
- Enabling and positioning data labels
- Overflow modes (Trim, Hide)
- Rotation modes (Angle, Normal)
- Font customization (family, size, color, attributes)

### Interactivity Features

#### Tooltips
📄 **Read:** [references/tooltips.md](references/tooltips.md)
- Enabling tooltips for segment details
- Customizing tooltip appearance
- Creating custom tooltip templates
- Configuring display duration and styling

#### Selection
📄 **Read:** [references/selection.md](references/selection.md)
- Selection types (Single, Child, Group, Parent)
- Display modes (Brush, Opacity, Stroke)
- Selection events (SelectionChanging, SelectionChanged)
- Highlighting selected segments and related hierarchies

### Advanced Features

#### Center View
📄 **Read:** [references/center-view.md](references/center-view.md)
- Adding custom views to chart center
- Using CenterHoleSize for proper sizing
- Creating summary displays in center
- Complex layouts with borders and labels

Source

Creator's repository · syncfusion/maui-toolkit-ui-components-skills

View on GitHub

Security

Security checks in progress
Results will appear here once audits complete
What this skill can do
Reads your filesConnects to the internetRuns code on your machine
Checked by 3 independent security firms
Does it try to trick the AI?Not yet checkedPending · Gen Agent Trust Hub
Does it sneak in hidden code?Not yet checkedPending · Socket
Does it have known bugs?Not yet checkedPending · Snyk