Block

Area Chart

Area chart with gradient fills for showing cumulative data over time

Installation

npx shadcn add @mylo-ui/chart-area

User Analytics

Daily active and new user trends

Track active users and new signups

Peak Day

Fri

1,680 users

Avg Daily Users

1,410

+12.4%

New This Week

2,110

+8.7%

import { ChartArea } from "@/components/blocks/chart-area"

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

lucide-react

recharts

card

badge

button

More charts blocks you might like

Line chart with dual series support for trends over time

Bar chart for comparing values across categories with target comparison

Pie chart showing part-to-whole relationships with breakdown