blackroad-os/blackroad-os-metrics-standalone

Files

Alexa Louise 9bcf53b766 🎨 Add visual dashboard with interactive charts

- Beautiful responsive dashboard (index.html)
- 6 interactive Chart.js visualizations
- Project cards with key metrics
- Purple/blue gradient design
- Mobile-friendly layout
- Ready for GitHub Pages deployment

2025-12-26 18:43:27 -06:00

1.6 KiB

Raw Blame History

BlackRoad OS Metrics Dashboard

Beautiful, interactive visualization of all 294 KPIs.

View Live

GitHub Pages: https://blackroad-os.github.io/blackroad-os-metrics/dashboards/

Local Preview:

cd dashboards
python3 -m http.server 8000
# Open http://localhost:8000

Features

Real-time metrics from JSON data files
Interactive charts using Chart.js
Responsive design for mobile/desktop
Auto-updates when data changes
Beautiful gradients and animations

Charts Included

Language Distribution - Doughnut chart of code by language
Infrastructure Overview - Bar chart of cloud resources
Engineering Performance - Radar chart of performance scores
Deployment Success - Line chart showing trends
Security & Compliance - Bar chart of security metrics
Project Cards - Featured projects with key metrics

Customization

Edit index.html to:

Change colors (currently purple/blue gradient)
Add/remove charts
Modify data sources
Adjust layout

Data Sources

All data loaded from JSON files:

../kpis.json - 294 KPIs across all categories
../projects.json - 10 project examples
../infrastructure.json - Infrastructure inventory
../resume-data.json - Personal metrics

Embed in Your Site

<iframe src="https://blackroad-os.github.io/blackroad-os-metrics/dashboards/"
        width="100%" height="800px" frameborder="0"></iframe>

Screenshots

Auto-Generated by BlackRoad OS Metrics System

1.6 KiB Raw Blame History