The COVID-19 pandemic has had different impacts in different regions of the world. Your challenge is to perform a comparative analysis of the pandemic’s economic impacts in urban areas for the USA, Asia, and Europe using the EO Dashboard.
In modern world, we have a possibility to present different ideas, projects, and creations with support of cutting edge technologies. EO Dashboard Hackathon is an excellent event, where combination of technology and different ideas could provide new breakthroughs in science and technology. In AirX project, I have combined modern web technologies to create a background for research about global changes in air pollution for several years, its values before and in time of Covid 19 global pandemic. Understanding of these changes could lead us to better dealing with air pollution in the contemporary world.
AirX is a project, where I used high-end web technologies, with purpose to comply with "A Comparative Analysis" EO Dashboard Hackathon goals. My main goal was to create an interactive experience, where will be combined data about air quality and greenhouse gases analysis in large cities in Asia, Europe, and USA. To be more clear, I have created dashboard application, with several links, which leads to the values of air measures results for large cities across Asia, Europe and USA. App is consisted of thirteen sections, where is described more about these results (with appropriate links for the large cities). On the right side of the application is field with average values for air quality and greenhouse gases, for several years in row. It gives to us an excellent oportunity to compare and process information about air quality in large cities - from Beijing on one side of the globe to the San Francisco on the other.
Finally, I believe that this project could be very good educational tool for anyone who want to know more about air quality in these cities, before, and in time of Covid 19 pandemic. This dashboard could be very useful people, who want to know more about how global pandemic impacted on air quality in large cities around the world. It's not just about information, but also and modern design play a role.
I have used modern web technologies, which provide high level of flexibility to be created AirX project. For creating of the skeleton of this dashboard I have used classic HTML, which I combined with Bootstrap 4.3.1 technology to achieve quality responsive design. For design part, I used SCSS - new generation of CSS technology, which provide for me flexible frame to create wanted design. Finally, for backend processes I worked with jQuery (JavaScript library).
I heavily used data from Earth Observing Dashboard (NASA, ESA, JAXA), where my focus was on tropospheric NO2. To extract results I have used simple method - combine measurement points to get total sum, and later divide this sum with number of points. In that way, I got average values for each city.
https://joxus81.github.io/EOHackathon/
My dashboard could be integrated into INDICATORS -> AIR QUALITY/GREENHOUSE GASES -> GLOBAL INDICATORS panel.
Add mixins
https://sass-lang.com/documentation/at-rules/mixin
Arrow
https://www.freepik.com/free-vector/directional-arrow-sign-icons-set-design_9727765.htm#page=1&query=Arrow&position=15 (starline)
Background Image
https://pixabay.com/photos/earth-internet-globalisation-2254769/ (TheDigitalArtist)
Beijing Info
https://knoema.com/atlas/China/Beijing
Code Corrections
VSC
Crop Images
https://imageresizer.com/
Data used
https://eodashboard.org/
Graph, Beijing
https://eodashboard.org/?country=CN&indicator=N1&poi=CN01-N1
Graph, Los Angeles
https://eodashboard.org/?indicator=N1&country=US&poi=US02-N1
Graph, Madrid
https://eodashboard.org/?indicator=N1&country=ES&poi=ES01-N1
Graph, Mumbai
https://eodashboard.org/?country=IN&indicator=N1&poi=IN02-N1
Graph, New York
https://eodashboard.org/?indicator=N1&country=US&poi=US01-N1
Graph, Rome
https://eodashboard.org/?indicator=N1&country=IT&poi=IT01-N1
Graph, San Francisco
https://eodashboard.org/?indicator=N1&country=US&poi=US03-N1
Graph, Tokyo
https://eodashboard.org/?country=JP&indicator=N1&poi=JP01-N1
Greenhouse, Beijing
https://eodashboard.org/?indicator=N2&country=CN&poi=CN01-N2
Greenhouse, Mumbai
https://eodashboard.org/?indicator=N2&country=IN&poi=IN02-N2
Greenhouse, Tokyo
https://eodashboard.org/?indicator=N2&country=JP&poi=JP01-N2
jQuery, Hide and Show
https://www.w3schools.com/jquery/jquery_hide_show.asp
Mathematical Operations
MS Calculator
Push files to GitHub
https://stackoverflow.com/questions/12799719/how-to-upload-a-project-to-github (Ali Yar Khan)
Team Creation Help
NASA
Team Photo, Img 1
https://pixabay.com/photos/sky-clouds-forms-air-atmosphere-5534319/ (ELG21)
Team Photo, Img 2
https://pixabay.com/photos/winding-road-sunset-mountains-1556177/ (JanBaby)
This project has been submitted for consideration during the Judging process.