Pie & Donut

Portfoliodonut
BTC42.0042.0%
ETH28.0028.0%
SOL12.0012.0%
AVAX8.008.0%
DOT6.006.0%
Other4.004.0%
Revenuedonut
Subscriptions55.0055.0%
Trading fees25.0025.0%
Staking12.0012.0%
Other8.008.0%
Chainsdonut
Ethereum58.0058.0%
Solana18.0018.0%
BSC10.0010.0%
Avalanche7.007.0%
Polygon5.005.0%
Other2.002.0%
Stressdonut
S110021.5%
S280.0017.2%
S364.0013.7%
S451.2011.0%
S540.968.8%
S632.777.0%
S726.215.6%
Other70.5015.1%

Demo

Slices
12
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

DonutCut a hole in the middle of the pie.
TooltipShow a tooltip for the hovered slice.
AnimateEntrance draw-in and hover-explode motion.
import {
  ChartContainer,
  PieLegend,
  PieSeries,
  catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
  <PieSeries
    id={sid}
    data={data}
    options={{
    innerRadiusRatio: 0.55,
    padAngle: 1.7,
    animate: false,
    shadow: false,
    innerShadow: false,
    sliceLabels: {
      mode: 'outside',
      content: 'both',
      fontSize: 11,
      labelGap: 1.8,
      distance: 14,
      railWidth: 16,
      minSliceAngle: 2.5,
    },
  }}
  />
  <PieLegend position="bottom" mode="both" />
</ChartContainer>