CDC - Vietnam Ministry of Health

COVID-19 National Data Dashboard

Empowering public health decisions with real-time analytics.

During the COVID-19 pandemic, I collaborated with a five-person team as Product Owner to ship data-driven solutions for national disease control. Together, we transformed 110K+ data points into actionable public health insights.

Due to confidentiality requirements, I am unable to share the full details of this project. Below is a high-level overview of my project and accomplishments.

Role

Product Owner

UX Engineer

Timeline

Jul 2020 - Mar 2021

Team

5 Developers, Researchers, Analysts

Tools

JIRA

React

Node.js

Problem

Visualizing the Pandemic

This project aimed to support scientists and researchers in disease control efforts. Initially launched for internal study purposes, the website was made publicly accessible in December 2020, attracting 170,000 visitors by December 2021. To further enhance data encryption and safeguard patient privacy, it was later taken offline for maintenance.

When Vietnam’s second COVID wave hit, traditional data tools like manual Excel tracking buckled under the surging volume and strict security requirements. Researchers and policymakers were left without the real-time visibility needed to identify transmission patterns and deploy resources effectively.

To resolve these fragmentation and security bottlenecks, I led the end-to-end design and development of a disease control dashboard that centralized fragmented data, modernized the CDC's workflow, and restored real-time crisis response capabilities.

User Problems

Fragmented data sources

Inadequate tool capacity & security

Lack of real-time visibility

User Problems

Fragmented data sources

Inadequate tool capacity & security

Lack of real-time visibility

User Problems

Fragmented data sources

Inadequate tool capacity & security

Lack of real-time visibility

Systemic Challenges

Data processing scale

Patient confidentiality protocols

Stakeholder coordination

Systemic Challenges

Data processing scale

Patient confidentiality protocols

Stakeholder coordination

Systemic Challenges

Data processing scale

Patient confidentiality protocols

Stakeholder coordination

Objectives

Accelerate time-to-insight

Stakeholder adoption

Empower rapid crisis response

Objectives

Accelerate time-to-insight

Stakeholder adoption

Empower rapid crisis response

Objectives

Accelerate time-to-insight

Stakeholder adoption

Empower rapid crisis response

Architecture Secure & High-Performance Pipeline

This architecture diagram visualizes the collaborative solution for processing over 110,000 data points on COVID-19 spread, enabling data-driven insights from the individual patient level to national statistics.

Frontend: React-based layer leverages robust libraries like amCharts to render complex network charts and statistical dashboards for users.

Backend: Built with Express.js, communicates with the central Supabase database via Vercel serverless functions.

Data security and continuous updates: The core of the system, with the automated ingestion layer securely anonymizing patient data from Google Sheets, static CSVs, and national APIs before storage, creating a robust, reliable data foundation for the final visual tools.

Architecture Secure & High-Performance Pipeline

This architecture diagram visualizes the collaborative solution for processing over 110,000 data points on COVID-19 spread, enabling data-driven insights from the individual patient level to national statistics.

Frontend: React-based layer leverages robust libraries like amCharts to render complex network charts and statistical dashboards for users.

Backend: Built with Express.js, communicates with the central Supabase database via Vercel serverless functions.

Data security and continuous updates: The core of the system, with the automated ingestion layer securely anonymizing patient data from Google Sheets, static CSVs, and national APIs before storage, creating a robust, reliable data foundation for the final visual tools.

UI Layout Homepage Shortcuts

This main page delivers a comprehensive, interactive overview of critical pandemic data with a UI layout prioritized for clarity, rapid information access, and live updates—designed initially for scientists and researchers to identify emerging patterns with minimal explanation while remaining accessible to diverse stakeholders. The tool's strong analytics and visual deliverables empowered senior members to gain deeper insights into 2nd and 3rd wave transmission patterns, enabling more informed disease control decisions.

UI Layout Homepage Shortcuts

This main page delivers a comprehensive, interactive overview of critical pandemic data with a UI layout prioritized for clarity, rapid information access, and live updates—designed initially for scientists and researchers to identify emerging patterns with minimal explanation while remaining accessible to diverse stakeholders. The tool's strong analytics and visual deliverables empowered senior members to gain deeper insights into 2nd and 3rd wave transmission patterns, enabling more informed disease control decisions.

Highlight COVID-19 Transmission and Interconnection Graph

This visualization mapped COVID-19 transmission and interconnections among confirmed patients using anonymized data, enabling efficient cluster identification and tracing that played a critical role in pandemic response efforts. Built with amCharts to process over 110,000 data points, the dashboard accelerated decision-making speed by 150% for more than 10 key stakeholders in disease control initiatives.

Highlight COVID-19 Transmission and Interconnection Graph

This visualization mapped COVID-19 transmission and interconnections among confirmed patients using anonymized data, enabling efficient cluster identification and tracing that played a critical role in pandemic response efforts. Built with amCharts to process over 110,000 data points, the dashboard accelerated decision-making speed by 150% for more than 10 key stakeholders in disease control initiatives.

A Zoom-out Regional to National Scale

This map visualizes COVID-19 spread across cities and provinces at regional and national scales, processing over 110,000 data points collected over three months through a collaborative solution developed with front-end, back-end, and data teams. The implementation leveraged amCharts for its robust library and React integration on the front end, while the back end featured API data encryption, anonymization, and Google Sheets API integration to ensure secure, seamless updates from the research team.

A Zoom-out Regional to National Scale

This map visualizes COVID-19 spread across cities and provinces at regional and national scales, processing over 110,000 data points collected over three months through a collaborative solution developed with front-end, back-end, and data teams. The implementation leveraged amCharts for its robust library and React integration on the front end, while the back end featured API data encryption, anonymization, and Google Sheets API integration to ensure secure, seamless updates from the research team.

Testing

Scaling Up

Our initial data pipeline successfully processed up to 300 case reports without issue. However, exponential data growth beyond this threshold caused pipeline bottlenecks and introduced strict privacy constraints regarding Personally Identifiable Information (PII).

To resolve this in our latest release, we engineered a secure backend integration to handle data anonymization via API calls. Moving forward, we are evaluating advanced anonymization models to optimize the trade-offs between data utility, privacy, and system performance.

Deliverables

To embed a website or widget, add it to the properties panel.

Read Full Version

Heading Out?

Appreciate you stopping by! Don't be a stranger, let's stay in touch.

Heading Out?

Appreciate you stopping by! Don't be a stranger, let's stay in touch.