The COVID-19 pandemic offered an unprecedented opportunity to look at changes in the Earth system in response to reduced human activity. Your challenge is to develop tools to better understand changes in the interconnected Earth system as seen through the EO Dashboard.
Our Water Quality Map Comparison and Visualization Tool allow for an effective hands-on user approach towards comparing external factors to water quality in the New York region. Three different dates, each depicting a season during 2020 (1-01, 4-01, 7-01), are used to represent the changes in water quality over time, and especially environmental factors due to COVID-19. Our main tool, the before and after slider, can be adjusted to compare two maps to visualize the potential effects of external factors (NO2, etc.) on water quality. EDC data was extracted and cropped into a visual map concerning external factors, and EO Dashboard data was used concerning water quality.
We developed an Interactive Map which compares different indicators using a before and after slider at different points in time. On one side of the slider, it displays Water Quality regional maps, on the other side, it displays other possible factors we think might have a correlation to water quality. This lets the user easily compare indicators to find possible correlations between datasets. With this interactive map, we hope to help users quickly find potential correlations between datasets.
The front end of this project was created using the ReactJS framework. All functions were written and implemented in Javascript. Every component was either manually created using CSS or was used from the React Bootstrap library. The map images were all screenshots taken from the Earth Observing Dashboard and Copernicus Sentinel-5P data and the scale images were all used from the websites themselves, by taking the url and using it as the source for an img tag.
The most challenging part of this project was trying to properly separate the map component and get the slider to properly align with the line separator.
The main purpose of our project was to compare different regional maps side by side, this way users could easily find correlations between datasets. We obtained Water Quality regional map data from the EODashboard and a few other possible factors from the Euro Data Cube. We also obtained those sets of data from different points in time so that users had more data to compare.
https://docs.google.com/presentation/d/1BsCa0rIQT8CJR7qPsFj-jODXobkiIW4PWba1P4DaGJU/edit?usp=sharing
For our solution to be integrated into the Earth Observing Dashboard, we would not require tests at a larger scale, or automation. Since our tool allows for the user to easily compare sets of map data, just like many other pre-existing EO Dashboard tools, the only necessary changes to the EO Dashboard formation would be to make space for it to be integrated into the already existing tools. This could be in the appearance of a button, where it would be accessible to users and would allow choosing any water quality data, with any external data the user wishes to pick on the EO Dashboard.
Source code: https://github.com/Roseak-lin/EOD-hackathon
Project result: https://roseak-lin.github.io/EOD-hackathon/
EODashboard Water Quality: Total Suspended Matter, Chlorophyll-a concentration.
https://collections.eurodatacube.com/s5p-no2-tropno-daily-check/
https://maps.s5p-pal.com/co/
We displayed the data on a map and used a before and after slider to compare two different data sets.
#water quality
This project has been submitted for consideration during the Judging process.