Charts and reports

Native HTML reports

HTML contains SVG/CSS sample reports and native interactions. Overview supports 7/30/90-day order reports from local browser records. Cancelled and future orders are excluded from those period totals. Subscription counts are derived from active customers. Legacy charts remain illustrative sample visualizations.

Accessible reporting

• Provide a descriptive chart label and readable totals.
• Do not communicate categories by color alone.
• Test SVG dimensions and legends in mobile and RTL layouts.
• Handle empty, loading and failed responses.
• For production reporting, define currency, timezone, date boundaries and authoritative aggregation on your backend.

Theme variables

Use --chart-1 through --chart-5 and --chart-soft/--chart-faint for SVG series, gradients and legends. Ensure the container has a nonzero width and height. The HTML charts use native SVG/CSS; connect your own reporting data explicitly.