Skip to main content
Stats display with segmented progress bars showing distribution across multiple categories.

​
Installation

Install the component from the Blocks registry: 
npx shadcn@latest add @blocks/stats-13

​
Dependencies

This component requires the following shadcn/ui components:
  • card
  • progress

​
Usage

import Stats13 from "@/components/stats-13";

export default function Page() {
  return <Stats13 />;
}

​
Features

  • Segmented bars - Multi-category progress visualization
  • Category breakdown - Distribution across segments
  • Color coding - Visual category differentiation
  • Percentage display - Detailed segment metrics
  • Comparative view - Easy comparison across categories

​
Use Cases

  • Budget allocation
  • Resource distribution
  • Category analytics
  • Portfolio composition
  • Time allocation tracking

Build docs developers (and LLMs) love

Get started for freeTalk to us