syncfusion-maui-toolkit-sunburst-charts
starsforks
How to install syncfusion-maui-toolkit-sunburst-charts?
syncfusion/maui-toolkit-ui-components-skills/syncfusion-maui-toolkit-sunburst-charts
$npx -y skills add syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-sunburst-chartsImplements 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, fil
SKILL.md
| 1 | # Implementing .NET MAUI Sunburst Charts |
| 2 | |
| 3 | 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. |
| 4 | |
| 5 | ## When to Use This Skill |
| 6 | |
| 7 | Use the Syncfusion .NET MAUI Sunburst Chart when you need to: |
| 8 | |
| 9 | - **Visualize hierarchical data** with 2-5 levels (organizational charts, file systems, product categories) |
| 10 | - **Show proportional relationships** where segment size represents value or count |
| 11 | - **Display nested categorical data** like sales by region → department → product |
| 12 | - **Create radial visualizations** as an alternative to tree maps or nested pie charts |
| 13 | - **Build interactive dashboards** with multi-level data exploration capabilities |
| 14 | |
| 15 | The sunburst chart is ideal when users need to understand both the hierarchy structure and the relative proportions at each level. |
| 16 | |
| 17 | ## Component Overview |
| 18 | |
| 19 | The SfSunburstChart presents hierarchical data in concentric rings, where: |
| 20 | - **Center** represents the root or can display custom content |
| 21 | - **Inner rings** represent higher-level categories |
| 22 | - **Outer rings** represent detailed subcategories |
| 23 | - **Segment size** is determined by the value property |
| 24 | |
| 25 | **Key capabilities:** |
| 26 | - Hierarchical level configuration with GroupMemberPath |
| 27 | - Customizable angles, radius, and inner radius |
| 28 | - Data labels with rotation and overflow modes |
| 29 | - Interactive tooltips with custom templates |
| 30 | - Selection highlighting with multiple display modes |
| 31 | - Center view for displaying summary information |
| 32 | |
| 33 | ## Documentation and Navigation Guide |
| 34 | |
| 35 | ### Getting Started |
| 36 | 📄 **Read:** [references/getting-started.md](references/getting-started.md) |
| 37 | - NuGet package installation and setup |
| 38 | - Basic sunburst chart implementation |
| 39 | - Creating hierarchical data models |
| 40 | - Configuring ItemsSource and ValueMemberPath |
| 41 | - Adding hierarchical levels with GroupMemberPath |
| 42 | - Enabling title, legend, tooltips, and labels |
| 43 | - Complete working example |
| 44 | |
| 45 | ### Visual Customization |
| 46 | |
| 47 | #### Appearance Configuration |
| 48 | 📄 **Read:** [references/appearance.md](references/appearance.md) |
| 49 | - Adjusting start and end angles for partial circles |
| 50 | - Customizing radius and inner radius |
| 51 | - Configuring stroke color and width |
| 52 | - Creating donut-style visualizations |
| 53 | |
| 54 | #### Data Labels |
| 55 | 📄 **Read:** [references/data-labels.md](references/data-labels.md) |
| 56 | - Enabling and positioning data labels |
| 57 | - Overflow modes (Trim, Hide) |
| 58 | - Rotation modes (Angle, Normal) |
| 59 | - Font customization (family, size, color, attributes) |
| 60 | |
| 61 | ### Interactivity Features |
| 62 | |
| 63 | #### Tooltips |
| 64 | 📄 **Read:** [references/tooltips.md](references/tooltips.md) |
| 65 | - Enabling tooltips for segment details |
| 66 | - Customizing tooltip appearance |
| 67 | - Creating custom tooltip templates |
| 68 | - Configuring display duration and styling |
| 69 | |
| 70 | #### Selection |
| 71 | 📄 **Read:** [references/selection.md](references/selection.md) |
| 72 | - Selection types (Single, Child, Group, Parent) |
| 73 | - Display modes (Brush, Opacity, Stroke) |
| 74 | - Selection events (SelectionChanging, SelectionChanged) |
| 75 | - Highlighting selected segments and related hierarchies |
| 76 | |
| 77 | ### Advanced Features |
| 78 | |
| 79 | #### Center View |
| 80 | 📄 **Read:** [references/center-view.md](references/center-view.md) |
| 81 | - Adding custom views to chart center |
| 82 | - Using CenterHoleSize for proper sizing |
| 83 | - Creating summary displays in center |
| 84 | - Complex layouts with borders and labels |
People who liked this also viewed
6 picksType
- find-skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skSkillsJul 2026
- grill-meA relentless interview to sharpen a plan or design.SkillsJul 2026
- vercel-react-best-practicesVercel's official collection of agent skillsSkillsJul 2026
- improve-codebase-architectureScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.SkillsJul 2026
- setup-matt-pocock-skillsConfigure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.SkillsJul 2026
- triageMove issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write agent-ready briefs.SkillsJul 2026
