Components

DonutChart

A donut / ring chart — a segmented ring with a centred total and legend.

Available since@crisp-ui-kit/crisp@0.11.0

A segmented ring with a centred total and a legend of coloured swatches, labels, and values. Pure SVG ring using the r=15.915 (circumference 100) trick, so slices are just percentages. Renders role="img" with a summary.

Installation

npm install @crisp-ui-kit/crisp

Props

Prop

Type

On this page