A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — soft gradient fills that fade into the floor.

Outlined Donut Chart

Chart

A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — hairline outlines over a faint tint.

React · Tailwind CSS · Motion

Browse

Home All components 213

Collections

Marketing UI 107 App UI 94 AI 16 Charts 45 Backgrounds 2 Text 43

Charts

Resources

Docs & install Scalar Design

Charts

Donut & semi-donut

Parts of a whole, full ring or gauge.

2 results

All Marketing UI App UI AI Charts Backgrounds Text

Bar chart Stacked bar Horizontal bar Line chart Area chart Spark chart Pie chart Donut & semi-donut Radial chart Hexagon chart Heatmap Funnel chart Category bar Segmented progress Scatter & bubble Combo chart Waterfall Diverging bar Candlestick Treemap Waffle chart Sankey

2 results

Gradient Donut Chart

Chart

A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — soft gradient fills that fade into the floor.

Outlined Donut Chart

Chart

A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — hairline outlines over a faint tint.

All Marketing UI App UI AI Charts Backgrounds Text