Tailwind CSS Charts

Tremor's Charts are based on real-world situations.
Find inspiration for your next dashboard.

Area Chart

Area Chart with stacked categories

Area Chart with percentages

Area Chart with axis titles

Area Chart with only start and end x-axis labels

Area Chart with tooltip callback

Revenue by month

$4,900

Bar Chart

Bar Chart with stacked categories

Bar Chart with percentages

Bar Chart with axis titles

Vertical Bar Chart

Bar Chart with only start and end x-axis labels

Grouped Bar Chart

Bar Chart with conditional formatting

Bar Chart with custom styling

Bar Chart with rounded top corner bars

Bar Chart with gradient bars

Line Chart

Line Chart with axis titles

Line Chart with only start and end x-axis labels

Line Chart with custom tooltip

ComboChart

Donut Chart

Donut Chart as pie variant

Donut Chart with tooltip callback

Revenue by category

$10,343

Progress Circle

Progress Circle with its default variants

Progress Circle complemented by a metric

75%

$340/$450

Spend management control

Spark Chart

Category Bar

55
85
0
100

Category Bar with marker

10
20
0
40

Tracker

Bar List

843 Visitors

384 Visitors

108 Visitors

46 Visitors

3 Visitors