Overview
Display historical graphs of key quality metrics over different versions. This provides visibility into how the site and project health have evolved, enabling data-driven decisions about maintenance and optimization.
Goals
- Create trend visualizations showing:
- Lighthouse scores (Performance, Accessibility, SEO) over releases
- Broken link counts across versions
- Build times showing CI/CD performance impact
- Conference count growth over time
- Make trends interactive and easy to explore
- Identify regressions or improvements at a glance
- Support community understanding of project trajectory
Implementation Notes
- Use data from
_data/quality_log.yml (or equivalent) populated by Phase 2
- Select visualization library (e.g., Chart.js, Plotly.js, D3.js) that balances functionality and performance
- Render historical data from the quality log
- Include date ranges and version comparisons
- Consider filtering or grouping options (e.g., by release, by month)
- Ensure responsive design for mobile and desktop viewing
- Keep visualizations lightweight and performant
- Add explanatory text or tooltips to help interpret trends
- Link to detailed metrics or logs when appropriate
Related
- Part of Phase 4: Public Quality Dashboard
- Depends on: Phase 2 completion (Quality Ledger & Metrics)
- Complements: Public Metrics Dashboard issue
Acceptance Criteria
Resources
Overview
Display historical graphs of key quality metrics over different versions. This provides visibility into how the site and project health have evolved, enabling data-driven decisions about maintenance and optimization.
Goals
Implementation Notes
_data/quality_log.yml(or equivalent) populated by Phase 2Related
Acceptance Criteria
_data/quality_log.ymlResources