Donut chart · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

API

<DonutChart data size>{centre}</DonutChart> + <ChartLegend data />

Already in every copy of the native kit:

import { DonutChart, ChartLegend } from '@/components/kit/donut-chart';

Exports: DonutChart, ChartLegend
Source: apps/mobile/components/kit/donut-chart.tsx
Packages: react-native-svg@15.15.4
Installs with: @kit-native/lib-palette-context, @kit-native/lib-theme, @kit-native/lib-utils, @kit-native/text
Also searched as: pie, ring, allocation, breakdown
Registry JSON: /r/native/donut-chart.json

Agents: the whole registry is at /llms.txt.