PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Intro
  • Blocks
  • Installation
  • MCP
Dashboard
  • Stats
  • Widget
  • Tables
  • Notification
  • Profile Menu
  • Widget Layout
  • Promos
Marketing
  • Hero
  • Feature
  • Pricing
  • Testimonials
  • FAQs
  • Topbar
  • Footer
  • Cookie Consent
  • Login
  • Register
  • Forgot Password
  • Reset Password
  • Verify Email
  • 2 FA
Apps
  • Analytics
  • Education
  • File Manager
  • Projects
  • Finance
  • Health
  • Chats
  • Forms
Free
  • 30+ Shadcn free blocks
  1. Blocks
  2. TanStack Charts
PreviousNext

Donut Chart

Free donut charts with central text labels, custom colors, and legend configurations.

Pie Chart Donut

Pie Chart Donut with Text

Pie Chart Donut Active

Donut Chart

Donut Chart with Central KPI Radial Stat

Donut Chart with Rounded Arc Corner Caps

Nested Multi-Ring Sunburst Donut Chart

Interactive Active Donut Wedge Metric

Pie ChartsScatter Plots

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

Desktop Operating System Share
User session platform distribution for H1 2024
macOS session share up by 5.2% this month
Showing total visitors for the last 6 months
Cloud Storage Quota
Allocated space usage across user workspaces
1,125Visitors
Workspace storage usage up by 5.2% this month
Showing total visitors for the last 6 months
Customer Segment Breakdown
Client portfolio segmentation across industry verticals
Enterprise segment expanded by 5.2% this month
Showing total visitors for the last 6 months
Ring Cutout Donut Distribution
Hollow inner-radius ring donut chart showing revenue channel breakdowns
Direct sales channel generates 37% of total revenue
`innerRadius` cutout provides central space for total KPIs or secondary metrics
Donut Chart with Central KPI Radial Text Metric
Hollow inner radius donut chart displaying total aggregate KPI metric in center origin
100%
Total aggregated metric volume centered in hole
`radialText` positioned at origin (radius: 0) anchors central KPI typography
Donut Chart with Rounded Arc Corners & Sector Gaps
Segmented donut ring visualization with explicit corner radiuses and angular padding gaps
Rounded arc corners deliver modern smooth pill aesthetics
`cornerRadius: 8` and `gapAngle` parameters sculpt pill-shaped ring sectors
Nested Multi-Ring Sunburst Donut Chart
Concentric multi-level donut rings representing parent category and sub-item proportions
Inner ring maps major categories, outer ring breaks down sub-components
Multiple `radialArc` layers with distinct inner/outer radii compose sunburst rings
Interactive Active Donut Wedge Metric Selection
Click/hover donut sectors or legend pills to highlight active metric focus
45,000Chrome
Active: Chrome (45,000 sessions)
`radialArc` dynamic wedge scaling highlights selected active sector