gabrielmoreira 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 interactive drill-down, customizable appearance, data labels, tooltips, selection, and modern liquid glass effects.
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
- Enable drill-down exploration of large hierarchical datasets with interactive navigation
- 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
- Drill-down allows focusing on specific branches
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
- Drill-down with animated toolbar navigation
- Center view for displaying summary information
- Liquid glass effect for modern iOS/macOS styling
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
Drill-Down
📄 Read: references/drill-down.md
- Enabling interactive drill-down navigation
- Toolbar alignment and positioning
- Customizing drill-down toolbar appearance
- Zoom-back and reset operations
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
Liquid Glass Effect
📄 Read: references/liquid-glass-effect.md
- Modern glass design styling (.NET 10+)
- Wrapping charts in SfGlassEffectView
- Enabling glass effect on tooltips
- iOS/macOS platform-specific features