Charts

Domain

react-chartjs-2 chart components wrapped in Cards: Bar, Line, Doughnut, Radar, and Polar Area.

Bar — Revenue vs Expenses

Preview

Revenue vs Expenses

Monthly comparison (USD)

Code
<RevenueBarChart />

Line — User Activity

Preview

User Activity

Daily active users vs new signups

Code
<UserActivityLineChart />

Doughnut — Sales by Category

Preview

Sales by Category

Percentage share of total revenue

Code
<SalesByCategoryDoughnut />

Radar — Product Comparison

Preview

Product Comparison

Our product vs competitor across 6 dimensions

Code
<ProductComparisonRadar />

Polar Area — Regional Sales

Preview

Regional Sales

Units sold per region

Code
<RegionalSalesPolar />
Sourcemodules/domains/common/charts/Charts.tsx