Command Palette

Search for a command to run...
HQ UI

Chart

Beautiful charts. Built using Recharts. Copy and paste into your apps.

Installation

npx shadcn@latest add https://hq-ui.vercel.app/r/chart

Area Chart

Basic

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Custom Format

Net revenue by month
Revenue minus expenses to show monthly profitability.

Custom Tooltip

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Legend

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Colors

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Controlled

Engagement
Likes, comments, and shares over a dynamic time range.

Stacked

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Bar Chart

Basic

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Custom Format

Net revenue by month
Revenue minus expenses to show monthly profitability.

Custom Tooltip

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Legend

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Colors

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Controlled

Engagement
Likes, comments, and shares over a dynamic time range.

Stacked

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Line Chart

Basic

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Custom Format

Net revenue by month
Revenue minus expenses to show monthly profitability.

Custom Tooltip

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Legend

Engagement last 7d
Likes, comments, and shares for the recent week.

Custom Colors

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Controlled

Engagement
Likes, comments, and shares over a dynamic time range.

Stacked

Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.

Pie Chart

Basic

Traffic source breakdown
Where your website traffic is coming from.

Custom Colors

Traffic source breakdown
Where your website traffic is coming from.

Donut

Monthly spend breakdown
Shows where the money goes each month.

Custom Label

Monthly spend breakdown
Shows where the money goes each month.

Gap

Traffic source breakdown
Where your website traffic is coming from.

Controlled

Audience insights
Engagement metrics by type