Blazor Sunburst Chart Drill Down Example
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
No data
This Blazor Sunburst Chart example visualizes Book Sales and Publications Volume (in Thousands of Units) across major reading categories, age demographics, genres, and specific book editions.
In this example, you can see how to render and configure a sunburst chart with drill-down functionality and asymmetric hierarchical depths creating a dynamic sun flare shape. Key features demonstrated here include:
SunburstDrillSettingswithEnableset totrueenabling click-to-expand drill navigationShowBreadcrumbsset totruerendering an interactive breadcrumb trail at the top of the chart to navigate back to parent levels- Uneven hierarchical branches (ranging from 2 levels for Magazines up to 4 levels for Children's and Fiction) mimicking natural hierarchical variations
SunburstLegendSettingspositioned at theRightwith toggle capabilitiesLabelRotationModeset toAngleso radial text remains readable as you drill down and back upEnableAnimationwithAnimationTypeset toRotationfor animated transitions between hierarchical depths- A custom
Palettealigned to the active theme to color primary book categories consistently
Tooltip is enabled in this example. To see tooltip details, hover over or tap on a segment. Click any slice to drill into its sub-tree, and click the breadcrumbs to drill back up.
More information about the sunburst chart drill-down can be found in this documentation section.