Donut Chart

shellui add donut-chart

<DonutChart TItem="Traffic"
    Data="@_traffic"
    Title="Traffic by source"
    Name="Visits"
    XValue="@(t => t.Source)"
    YValue="@(t => (decimal?)t.Visits)"
    Height="350px" />

@code {
    private List<Traffic> _traffic = new()
    {
        new("Search", 4200), new("Direct", 2100),
        new("Social", 1300), new("Referral", 800)
    };

    record Traffic(string Source, int Visits);
}