npx shadcn init

Beautiful Charts

Built using Recharts. Copy and paste into your apps. Open Source.

Examples

Chart

Area Chart - Stacked

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Bar Chart - Multiple

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Donut with Text

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Area Chart

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Linear

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Step

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Stacked

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Stacked Expanded

Showing total visitors for the last 6months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Legend

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Icons

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Gradient

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Axes

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Area Chart - Interactive

Showing total visitors for the last 3 months

Chart

Bar Chart

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Horizontal

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Multiple

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Custom Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Mixed

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Stacked + Legend

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Active

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Negative

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Bar Chart - Interactive

Showing total visitors for the last 3 months

Chart

Line Chart

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Linear

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Step

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Multiple

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Dots

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Custom Dots

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Dots Colors

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Custom Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Line Chart - Interactive

Showing total visitors for the last 3 months

Chart

Pie Chart

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Separator None

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Custom Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Label List

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Legend

January - June 2024

Chart

Pie Chart - Donut

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Donut Active

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Donut with Text

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Stacked

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Pie Chart - Interactive

January - June 2024

Chart

Radar Chart

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Dots

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Multiple

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Lines Only

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Custom Label

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Radius Axis

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid Custom

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid Filled

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid None

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid Circle

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid Circle - No lines

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Grid Circle Filled

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Legend

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radar Chart - Icons

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
Chart

Radial Chart

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Radial Chart - Label

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Radial Chart - Grid

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Radial Chart - Text

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Radial Chart - Shape

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Chart

Radial Chart - Stacked

January - June 2024

Trending up by 5.2% this month
Showing total visitors for the last 6 months
Tooltip

Tooltip - Default

Default tooltip with ChartTooltipContent.

Tooltip

Tooltip - Line Indicator

Tooltip with line indicator.

Tooltip

Tooltip - No Indicator

Tooltip with no indicator.

Tooltip

Tooltip - Custom label

Tooltip with custom label from chartConfig.

Tooltip

Tooltip - Label Formatter

Tooltip with label formatter.

Tooltip

Tooltip - No Label

Tooltip with no label.

Tooltip

Tooltip - Formatter

Tooltip with custom formatter .

Tooltip

Tooltip - Icons

Tooltip with icons.

Tooltip

Tooltip - Advanced

Tooltip with custom formatter and total.