Blazor Nested Donut Chart Example
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
This Blazor Nested Donut chart example visualizes Qatar's population by nationality using multiple pie series. The outer ring represents individual countries, while the inner ring groups them into broader regions, making hierarchical relationships easy to compare.
The Radius and Inner Radius properties define the size of each ring. The MappingKey property links related segments to a common legend item, while the PointColorMapping property maintains consistent colors between countries and their corresponding regions.
Tooltip support provides additional details. Hover over a segment (or tap on touch devices) to view the nationality and its population share percentage.
More information about the nested donut feature can be found in this documentation section.