Inspiration
Given the struggles we are facing globally, we wanted to create a resource for people to learn about the pandemic as well as a place to look at the visualization of current statistics.
What it does
Our site currently provides information about coronavirus as well as additional resources on the impact of the pandemic.
How I built it
The moving images in the background using HTML5 canvas by converting latitude and longitude to rectangular coordinates. The "about us" and "resources" page were researched and written and then the pages were linked together.
Challenges I ran into
Some challenges we ran into were converting latitude and longitude to rectangular coordinates to generate the background image of the home pages, as well as creating a surface rather than separated dots. Some of our group members were also new to the html environment although they caught up quickly and helped.
Accomplishments that we are proud of
We are proud to be able to get the series of moving dots working, create a somewhat aesthetically pleasing home page. We are also proud that we were able to get things done giving the group's limited js, html, and css knowledge.
What I learned
We learned methods of rendering 3D images on the 2D canvas and a lot about how canvas works in general. Some members also learned html,js, and css.
What's next for Corona Hub
We hope to add more information as the pandemic progresses and stylize the site further. Given more time, we would have liked to use the globe on the main page to visualize the impact of coronavirus across multiple countries pulling data from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University.
Log in or sign up for Devpost to join the conversation.