Chart Components Showcase

This page demonstrates the available chart components using Recharts with Tailwind CSS and shadcn UI. These components support light and dark modes with automatic theme switching.

Chart Components

Our chart components are built with Recharts and styled with Tailwind CSS to match the shadcn UI design system.

The chart library includes the following components:

Area Chart - For showing trends over time with filled areas
Bar Chart - For comparing values across categories
Pie Chart - For showing proportions of a whole

All charts automatically adapt to the current theme (light/dark) and support responsive layouts.

Website Traffic

Desktop

Mobile

5.2%increase in visitors this month

Jan - Jun 2024

Device Sessions

Desktop

Mobile

5.2%increase in sessions this month

Jan - Jun 2024

Browser Usage

Chrome

Safari

Firefox

Edge

Other

5.2%increase in Chrome users

Jan - Jun 2024