Charts & Data
14 chart and data visualization components. Bar, line, pie, area, radar, gauge, funnel, heatmap charts plus data tables, spreadsheet view, progress bars, metric dashboard, and comparison table.
chart-bar.astro
chart-line.astro
Weekly Traffic
chart-pie.astro
Device Share
Desktop 45%
Mobile 35%
Tablet 12%
Other 8%
chart-area.astro
Revenue vs Expenses
Revenue
Expenses
chart-radar.astro
Product Comparison
Product A
Product B
chart-gauge.astro
Capacity
chart-funnel.astro
Conversion Funnel
Visitors 1000
Sign-ups 450 45%
Trial 180 40%
Paid 72 40%
chart-heatmap.astro
Activity by Day
9am
10am
11am
12pm
1pm
Mon
Tue
Wed
Thu
Fri
Sat
Sun
chart-placeholder.astro
Placeholder Chart
data-table.astro
Customer Overview
| Name | Region | Status | Revenue |
|---|---|---|---|
| Acme Corp | North | Active | $124,500 |
| Beta Inc | South | Pending | $89,200 |
| Gamma LLC | East | Active | $156,800 |
| Delta Co | West | Inactive | $42,100 |
| Epsilon Ltd | North | Active | $98,400 |
spreadsheet-view.astro
Quarterly Sales
#
Product
Q1
Q2
Q3
Q4
Total
1
Widget A
120
145
132
168
565
2
Widget B
95
110
125
140
470
3
Widget C
78
92
88
105
363
4
Widget D
65
72
80
95
312
progress-bar.astro
metric-dashboard.astro
Key Metrics
$48,250 +12%
Monthly Revenue
12,847 +8%
Active Users
3.2% -0.5%
Conversion Rate
$127 +5%
Avg. Order
comparison-table.astro
Plan Comparison
| Starter | Pro | Enterprise | |
|---|---|---|---|
| Storage | 5 GB | 50 GB | Unlimited |
| Users | |||
| Support | Chat | 24/7 Phone | |
| API Access | |||
| Custom Domain |