mljr-ui · showcase

Donut Chart

Pure-SVG donut chart using stroke-dasharray. Includes legend, center label, and hover tooltips.

data donut-chart

Usage

data.DonutChart(data.DonutChartProps{
    Label:    "92%",
    Sublabel: "uptime",
    Slices: []data.DonutSlice{
        {Label: "Go",         Value: 45},
        {Label: "TypeScript", Value: 30},
        {Label: "Python",     Value: 25},
    },
})