- 21
- February
The "TGO's Major Saeree ERP Upgrade" series has reached its final episode. After Episode 1 covered the overview and background of the upgrade, Episode 2 explored the Angular 20 technical deep dive, and Episode 3 discussed the Document Approval Workflow, this episode takes a deep dive into the KPI Performance Dashboard — the heart of TGO's policy-level performance reporting.
Why TGO Needed a KPI Dashboard
As a public organization under the Ministry of Natural Resources and Environment, TGO (Thailand Greenhouse Gas Management Organization) is required to report performance results to multiple oversight bodies at different levels:
- TGO Board of Directors — oversees the organization's strategy and action plans
- OPDC (Office of the Public Sector Development Commission) — evaluates government performance against prescribed indicators
- Minister of Natural Resources and Environment — receives policy progress reports
Before the KPI Dashboard, the data collection process was extremely difficult — staff had to manually request data from multiple departments, wait for Excel files from each division, and then consolidate everything into a report. This was time-consuming and the data was often outdated, since they had to wait until the end of the month or quarter to get the latest figures.
What TGO needed was a system that displays KPI results in real time — accessible instantly without waiting for anyone to compile data, with the ability to drill down into details across every dimension.
TGO's Key Performance Indicators
The indicators that TGO must report cover all core missions of the organization. Each indicator has its own targets, units of measurement, and reporting frequency:
| Area | Key Indicator | Unit | Frequency |
|---|---|---|---|
| Carbon Market | Number of registered T-VER projects | Projects | Monthly |
| Registered carbon credits volume | tCO2e | Quarterly | |
| Carbon credit trading value | Million THB | Monthly | |
| Carbon Label | Number of certified CFP/CFR/CE-CFP/Coolmode products | Items | Monthly |
| Number of participating companies | Companies | Quarterly | |
| TCNN | Thailand Carbon Neutral Network members | Organizations | Monthly |
| GHG reduction achieved by TCNN members | tCO2e | Annually | |
| GHG Reduction | GHG reduction vs. national NDC targets | tCO2e | Annually |
| Digital Government | Organization's digital readiness level | Level/Score | Annually |
As you can see, these indicators are highly diverse in both units of measurement and reporting frequency — which is precisely why manual data collection was so time-consuming and error-prone.
KPI Dashboard Architecture
The KPI Dashboard was designed as an integral part of the new Saeree ERP platform, with the following architecture:
| Component | Technology |
|---|---|
| Frontend | Angular 20 + PrimeNG Chart Component |
| Chart Library | PrimeNG Charts (powered by Chart.js engine) |
| Data Source | Connected to ERP database and e-Report system |
| Responsive | Renders on Desktop, Tablet, and Mobile |
| Chart Types | Bar Chart, Line Chart, Pie/Donut Chart, Gauge Chart, Table + Summary Card |
Choosing PrimeNG Charts with Chart.js as the rendering engine delivers visually appealing graphs with smooth animations and natural interactions such as hover tooltips and click-to-drill-down functionality. Since PrimeNG is used throughout the entire platform, the UI/UX remains consistent across all modules.
Key Features of the KPI Dashboard
The KPI Dashboard developed for TGO includes a comprehensive set of features for organization-level performance reporting:
- Real-time Dashboard — Data updates automatically from the ERP database and e-Report system. No need to wait for anyone to compile or enter data — the latest figures are available the moment you open the dashboard.
- Drill-down — Click on any number or chart to see deeper details. For example, clicking on the T-VER project count reveals the full list of projects, or clicking on a trading value shows individual transaction records.
- Time Period Filters — Supports monthly, quarterly, and annual data filtering. Users can compare performance across different time periods.
- Export — Export to PDF and Excel for board presentations or attaching reports to oversight agencies.
- Multi-language — Supports both Thai and English for reports that need to be submitted to international agencies or organizations.
- Permissions — Senior executives see the full overview across all areas, while department heads see only their areas of responsibility. This prevents data leakage and helps each person focus on their own KPIs.
Dashboard Screen Examples
The KPI Dashboard consists of four main screens, each designed to address a specific area of TGO's mission:
Overview Page
Summarizes all key indicators on a single page, displayed as Summary Cards with numbers, status indicators (green/yellow/red based on target comparison), and trend sparklines. Executives can open this one page and instantly see the entire organization's performance at a glance.
Carbon Market Page
Displays monthly carbon credit trading values (Bar Chart), cumulative registered T-VER projects (Line Chart), and project type distribution (Donut Chart), with drill-down capability into individual project details.
Carbon Label Page
Shows the number of certified products broken down by type (CFP, CFR, CE-CFP, Coolmode) via Stacked Bar Chart, the number of participating companies, and year-over-year growth trends.
TCNN Page
Displays the number of Thailand Carbon Neutral Network members, GHG reductions achieved by members (Gauge Chart compared against targets), and a member organization directory with reporting status.
Results Achieved with the KPI Dashboard
After launching the KPI Dashboard, the results for TGO were clear and significant:
- Data collection time reduced from weeks to real-time — No more waiting for Excel files from individual departments. Data is pulled directly from the central database.
- Board presentations with up-to-date data — Reports used in board meetings reflect the latest data at the time of viewing, not last month's figures.
- Faster executive decision-making — When indicators fall below targets (displayed in red), executives can immediately drill down to identify root causes and take corrective action.
- Flexible report formats for different agencies — Export to PDF/Excel in the format each agency requires, whether for OPDC or the Board of Directors.
"Good KPIs are not just numbers — they tell you whether the organization is heading in the right direction. The KPI Dashboard gives executives a complete overview the moment they open the system."
- Saeree ERP Team
All 4 Episodes Summary — From Overview to KPI Dashboard
The "TGO's Major Saeree ERP Upgrade" series across all four episodes tells the complete story of upgrading a system that had been in use for 14 years:
| Episode | Content | Link |
|---|---|---|
| Episode 1 | Overview and background — why the upgrade was needed, what the legacy system looked like, what was upgraded, the 14-year timeline, and lessons learned | Read Episode 1 |
| Episode 2 | Angular 20 technical deep dive — new architecture, PrimeNG 20, Bootstrap 5, and migrating from the legacy version | Read Episode 2 |
| Episode 3 | Document Approval Workflow — budget approval requests, approval chain management, and ERP system integration | Read Episode 3 |
| Episode 4 | KPI Dashboard — real-time performance reporting system, architecture, features, and results (this episode) | Reading now |
This upgrade proves that when you choose the right ERP system from the start and have a consulting team that deeply understands the organization, the system can grow alongside the organization indefinitely — from the legacy version to Angular 20, with 14 years of data preserved completely and seamlessly.
Interested in consulting about KPI Dashboard systems or upgrading the ERP for your organization? You can schedule a demo or contact our consulting team to assess your organization's readiness.
