Static Reporting Components

8 HTML/CSS components for dashboards and reports.

No dependencies. Print-aware sizing. Light and dark theme. Opens directly in any browser.

01 Chart Bar Chart Horizontal comparison with labeled values. 02 Chart Donut Chart Circular summary with center metric and legend. 03 Status Progress Bar Compact status card with progress track. 04 Metric Stat Card Single KPI with label and context line. 05 Trend Sparkline Card Mini trend bars with headline number. 06 Benchmark Bullet Chart Actual vs. target with qualitative ranges. 07 Roadmap Timeline Steps Horizontal phase tracker with status dots. 08 Ranking Leaderboard Card Ranked list with scores.

Example compositions

Components assembled into realistic reporting layouts.

Dashboard Executive dashboard KPI, trend, progress, distribution, and attainment. Summary sheet Investor update Quarterly summary with KPI, benchmark, and timeline. Internal review Operating review Delivery status, activity trend, and team ranking.