Dashboard recipes

Three common dashboard pieces need no new component: they are a few props on charts you already have.

Donut with a center value

An inner radius turns a pie into a donut; a <Label position="center"> inside the <Pie> puts the total in the hole. padding-angle and corner-radius separate the slices.

Gauge

A gauge is a radial bar with one value. start-angle and end-angle open the ring at the bottom, a number PolarAngleAxis with domain [0, 100] makes the value a percentage of the full arc, and background draws the empty track.

Conversion funnel

A horizontal bar chart shows each step against the first, the bar background shows what was lost, and a LabelList on the right shows the conversion from the step before.