Velora UI

React chart cards (Recharts)

Dashboard chart cards for React and Recharts: area trends, stacked and percent bars, donuts, radar and reference bands, themed by CSS variables.

Area trend with tabs

One chart, several series, switched rather than stacked.

Stacked composition

How a total divides, over time.

Donut with a value legend

A breakdown where the legend carries the numbers, not the slices.

Dual axis

Two series in different units, with the axis colours to tell them apart.

Chart with a target band

A series read against the range it is supposed to stay inside.

Chart with nothing to plot

Replaces the plot area at the same height, and says what would fill it.

Horizontal bars that mirror

The one chart form RTL does not fix for free, fixed here.

100% stacked area

Normalised in the data, so the axis and tooltip agree.

Radar against a benchmark

A fixed radius domain, so two renders stay comparable.

Eight sparklines

Unique gradient ids and no tab stops, at density.