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

• 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

• 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

• 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

• Enabling tooltips for segment details
• Customizing tooltip appearance
• Creating custom tooltip templates
• Configuring display duration and styling

#### Selection 📄 Read: 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

• Adding custom views to chart center
• Using CenterHoleSize for proper sizing
• Creating summary displays in center
• Complex layouts with borders and labels