Charts Library

Chart.js diagrams styled with CAPO Dashboard design tokens

Bar Charts

Vertical and horizontal bar charts for comparing quantities across categories.

Monthly Revenue

Online vs Offline sales comparison

Quarterly Performance

Stacked by product category

Top Regions by Sales

Horizontal comparison

Line Charts

Trend lines and area charts for time-series data.

Visitor Insights

Loyal, new, and unique customers over 12 months

Revenue Trend

Filled area with gradient

Server Response Time

Stepped line for discrete state changes

Doughnut Charts

Ring charts for showing proportions with a central focus area.

Traffic Sources

Device Breakdown

Budget Allocation

Pie Charts

Classic proportional charts for simple part-to-whole comparisons.

Market Share

Expense Categories

Customer Segments

Combo Charts

Mixed bar and line charts for correlating different metrics on the same axis.

Sales vs Conversion Rate

Bars = sales volume, Line = conversion %

Orders & Average Order Value

Stacked bars + trend line overlay

Polar Area Charts

Similar to pie charts, but the radius of each segment reflects the value.

Skills Assessment

Department Performance

Resource Usage

Radar Charts

Multi-axis charts for comparing multiple variables across categories.

Product Comparison

Feature scores across dimensions

Team Performance Review

Q1 vs Q2 metrics