{"id":"aba99a1b-73f9-4e56-bc31-a9750730fc8c","shortId":"ZZPjkP","kind":"skill","title":"syncfusion-maui-sunburst-charts","tagline":"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, or hierarchical data visualization with drill-down c","description":"# Implementing .NET MAUI Sunburst Charts\n\nGuide 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.\n\n## When to Use This Skill\n\nUse the Syncfusion .NET MAUI Sunburst Chart when you need to:\n\n- **Visualize hierarchical data** with 2-5 levels (organizational charts, file systems, product categories)\n- **Show proportional relationships** where segment size represents value or count\n- **Enable drill-down exploration** of large hierarchical datasets with interactive navigation\n- **Display nested categorical data** like sales by region → department → product\n- **Create radial visualizations** as an alternative to tree maps or nested pie charts\n- **Build interactive dashboards** with multi-level data exploration capabilities\n\nThe sunburst chart is ideal when users need to understand both the hierarchy structure and the relative proportions at each level.\n\n## Component Overview\n\nThe SfSunburstChart presents hierarchical data in concentric rings, where:\n- **Center** represents the root or can display custom content\n- **Inner rings** represent higher-level categories\n- **Outer rings** represent detailed subcategories\n- **Segment size** is determined by the value property\n- **Drill-down** allows focusing on specific branches\n\n**Key capabilities:**\n- Hierarchical level configuration with GroupMemberPath\n- Customizable angles, radius, and inner radius\n- Data labels with rotation and overflow modes\n- Interactive tooltips with custom templates\n- Selection highlighting with multiple display modes\n- Drill-down with animated toolbar navigation\n- Center view for displaying summary information\n- Liquid glass effect for modern iOS/macOS styling\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- NuGet package installation and setup\n- Basic sunburst chart implementation\n- Creating hierarchical data models\n- Configuring ItemsSource and ValueMemberPath\n- Adding hierarchical levels with GroupMemberPath\n- Enabling title, legend, tooltips, and labels\n- Complete working example\n\n### Visual Customization\n\n#### Appearance Configuration\n📄 **Read:** [references/appearance.md](references/appearance.md)\n- Adjusting start and end angles for partial circles\n- Customizing radius and inner radius\n- Configuring stroke color and width\n- Creating donut-style visualizations\n\n#### Data Labels\n📄 **Read:** [references/data-labels.md](references/data-labels.md)\n- Enabling and positioning data labels\n- Overflow modes (Trim, Hide)\n- Rotation modes (Angle, Normal)\n- Font customization (family, size, color, attributes)\n\n### Interactivity Features\n\n#### Tooltips\n📄 **Read:** [references/tooltips.md](references/tooltips.md)\n- Enabling tooltips for segment details\n- Customizing tooltip appearance\n- Creating custom tooltip templates\n- Configuring display duration and styling\n\n#### Selection\n📄 **Read:** [references/selection.md](references/selection.md)\n- Selection types (Single, Child, Group, Parent)\n- Display modes (Brush, Opacity, Stroke)\n- Selection events (SelectionChanging, SelectionChanged)\n- Highlighting selected segments and related hierarchies\n\n#### Drill-Down\n📄 **Read:** [references/drill-down.md](references/drill-down.md)\n- Enabling interactive drill-down navigation\n- Toolbar alignment and positioning\n- Customizing drill-down toolbar appearance\n- Zoom-back and reset operations\n\n### Advanced Features\n\n#### Center View\n📄 **Read:** [references/center-view.md](references/center-view.md)\n- Adding custom views to chart center\n- Using CenterHoleSize for proper sizing\n- Creating summary displays in center\n- Complex layouts with borders and labels\n\n#### Liquid Glass Effect\n📄 **Read:** [references/liquid-glass-effect.md](references/liquid-glass-effect.md)\n- Modern glass design styling (.NET 10+)\n- Wrapping charts in SfGlassEffectView\n- Enabling glass effect on tooltips\n- iOS/macOS platform-specific features","tags":["syncfusion","maui","sunburst","charts","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-sunburst-charts","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-sunburst-charts","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (4,293 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:10.501Z","embedding":null,"createdAt":"2026-04-18T22:15:50.447Z","updatedAt":"2026-04-22T00:56:10.501Z","lastSeenAt":"2026-04-22T00:56:10.501Z","tsv":"'-5':133 '10':526 '2':132 'ad':342,493 'adjust':363 'advanc':486 'align':471 'allow':260 'altern':178 'angl':273,367,402 'anim':300 'appear':102,358,423,479 'attribut':409 'back':482 'basic':330 'border':512 'branch':264 'brush':445 'build':186 'c':46 'capabl':195,266 'categor':73,165 'categori':140,243 'center':228,303,488,498,508 'centerholes':500 'chart':5,11,29,32,37,51,60,123,136,185,198,332,497,528 'child':440 'circl':370 'circular':23 'color':378,408 'complet':353 'complex':509 'compon':67,95,217 'concentr':225 'configur':269,338,359,376,428 'content':236 'count':150 'creat':173,334,381,424,504 'custom':235,288,357,371,405,421,425,474,494 'customiz':101,272 'dashboard':188 'data':15,40,65,74,103,130,166,193,223,278,336,386,394 'dataset':159 'depart':171 'design':523 'detail':247,420 'determin':252 'display':69,163,234,294,306,429,443,506 'document':316 'donut':383 'donut-styl':382 'drill':44,99,153,258,297,459,467,476 'drill-down':43,98,152,257,296,458,466,475 'durat':430 'effect':111,311,517,533 'enabl':151,347,391,416,464,531 'end':366 'event':449 'exampl':355 'explor':155,194 'famili':406 'featur':411,487,540 'file':137 'focus':261 'font':404 'get':320 'glass':110,310,516,522,532 'group':441 'groupmemberpath':271,346 'guid':52,319 'hide':399 'hierarch':14,31,39,64,129,158,222,267,335,343 'hierarchi':86,208,457 'higher':241 'higher-level':240 'highlight':291,452 'ideal':200 'implement':6,47,55,333 'inform':308 'inner':237,276,374 'instal':327 'interact':97,161,187,285,410,465 'ios/macos':314,536 'itemssourc':339 'key':265 'label':104,279,352,387,395,514 'larg':157 'layout':24,78,510 'legend':349 'level':22,35,72,83,134,192,216,242,268,344 'like':167 'liquid':109,309,515 'map':181 'maui':3,9,49,58,121 'mode':284,295,397,401,444 'model':337 'modern':108,313,521 'multi':21,34,71,191 'multi-level':20,33,70,190 'multipl':293 'navig':162,302,318,469 'need':126,203 'nest':164,183 'net':8,48,57,120,525 'normal':403 'nuget':325 'opac':446 'oper':485 'organiz':135 'outer':244 'overflow':283,396 'overview':218 'packag':326 'parent':442 'partial':369 'pie':36,184 'platform':538 'platform-specif':537 'posit':393,473 'power':63 'present':221 'product':139,172 'proper':502 'properti':256 'proport':90,142,213 'radial':19,30,77,174 'radius':274,277,372,375 'read':322,360,388,413,434,461,490,518 'references/appearance.md':361,362 'references/center-view.md':491,492 'references/data-labels.md':389,390 'references/drill-down.md':462,463 'references/getting-started.md':323,324 'references/liquid-glass-effect.md':519,520 'references/selection.md':435,436 'references/tooltips.md':414,415 'region':170 'relat':212,456 'relationship':143 'repres':81,147,229,239,246 'reset':484 'ring':80,226,238,245 'root':231 'rotat':281,400 'sale':168 'segment':88,145,249,419,454 'select':106,290,433,437,448,453 'selectionchang':450,451 'setup':329 'sfglasseffectview':530 'sfsunburstchart':12,61,220 'show':141 'singl':439 'size':89,146,250,407,503 'skill':116 'skill-syncfusion-maui-sunburst-charts' 'source-syncfusion' 'specif':263,539 'start':321,364 'stroke':377,447 'structur':209 'style':315,384,432,524 'subcategori':248 'summari':307,505 'sunburst':4,10,28,50,59,122,197,331 'support':96 'syncfus':2,7,56,119 'syncfusion-maui-sunburst-chart':1 'system':138 'templat':289,427 'titl':348 'toolbar':301,470,478 'tooltip':105,286,350,412,417,422,426,535 'topic-agent-skills' 'tree':180 'trim':398 'type':438 'understand':205 'use':17,25,114,117,499 'user':53,202 'valu':93,148,255 'valuememberpath':341 'view':304,489,495 'visual':16,41,66,128,175,356,385 'width':380 'work':354 'wrap':527 'zoom':481 'zoom-back':480","prices":[{"id":"68dd2e74-7317-4b74-93ce-07400fa2e0d6","listingId":"aba99a1b-73f9-4e56-bc31-a9750730fc8c","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:50.447Z"}],"sources":[{"listingId":"aba99a1b-73f9-4e56-bc31-a9750730fc8c","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-sunburst-charts","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-sunburst-charts","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:50.447Z","lastSeenAt":"2026-04-22T00:56:10.501Z"}],"details":{"listingId":"aba99a1b-73f9-4e56-bc31-a9750730fc8c","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-sunburst-charts","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"cda11b6e4f39417ae3cc12b6920d0142a9d09f0f","skill_md_path":"skills/syncfusion-maui-sunburst-charts/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-sunburst-charts"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-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, or hierarchical data visualization with drill-down capabilities. Ideal for visualizing organizational structures, file systems, or nested categorical data."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-sunburst-charts"},"updatedAt":"2026-04-22T00:56:10.501Z"}}