Back to blocksView all charts blocks
Installation
npx shadcn add @mylo-ui/chart-piePreview
Distribution
Traffic Sources
Device breakdown of total visitors
Device Distribution
Traffic by device type
Breakdown
Detailed metrics by device
Desktop
4,500
45.0%
Mobile
3,200
32.0%
Tablet
1,800
18.0%
Other
500
5.0%
Total Visitors
10,000
+18.2% from last month
Usage
import { ChartPie } from "@/components/blocks/chart-pie"
export default function Page() {
return <ChartPie />
}Dependencies
lucide-react
recharts
shadcn/ui Components
card
badge
button
Related Blocks
More charts blocks you might like
charts
Line Chart
Line chart with dual series support for trends over time
Ready to use
/blocks/chart-linecharts
Bar Chart
Bar chart for comparing values across categories with target comparison
Ready to use
/blocks/chart-barcharts
Area Chart
Area chart with gradient fills for showing cumulative data over time
Ready to use
/blocks/chart-area