Our Implementation
Starting with this website, we created a simple Graphical User Interface for users to iteract with a real-time map that displays the percentage of mask-wearers in a certain area. The highlighted circles on the map means there is a working camera at the location that is extracting live data. The circle color shows the average percentage of mask wearers (red = <25%, orange = 25% to 50%, yellow = 50% to 75%, green = >75%).
Data is initially collected through live camera feeds and processed with our Computer Vision algorithm using OpenCV.
Then, an average is calculated of all the mask-wearers at the camera's location.
This data is uploaded to the Google Firebase Realtime Database.
Finally, this website automatically pulls that data from the database and integrates it with the Google Maps Javascript API, where it is finally displayed on the map.