README.md

metadata

title: KPI Dashboard
emoji: 📊
colorFrom: blue
colorTo: blue
sdk: docker
pinned: false
license: apache-2.0
short_description: Example of a Key Performance Indicator (KPI) dashboard

KPI Dashboard

This dashboard provides an example of a Key Performance Indicator (KPI) dashboard, designed to help users get started and extend further. It uses fictional budget data to demonstrate the capabilities of Vizro using real world applications.

Created by: Huong Li Nguyen

---

🗓️ Data

Special thanks to the #RWFD Real World Fake Data initiative, a community project that provides high-quality fake data for creating realistic dashboard examples for real-world applications.

Note: The data has been additionally edited for the purpose of this example.

📊 Plotly resources

• Bar charts
• Pie charts
• Choropleth maps
• Unstacked area charts

🚀 Vizro features applied

• Vizro tutorial on pages, layouts and dashboards
• Custom components
• Custom charts
• Custom CSS

🖥️ App demo

---

How to run the example locally

1. Run the app.py file with your environment activated where vizro is installed.
2. You should now be able to access the app locally via http://127.0.0.1:8050/.