Code Monkey home page Code Monkey logo

covid-19-map's People

Contributors

arazd avatar arthurallshire avatar hy-chen avatar n-ivan avatar raschamp7 avatar rhubarbwu avatar staadecker avatar surya-krishnan avatar william-wen avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

miraalkabir

covid-19-map's Issues

Require more focus on Canada, darken/cut out world

My mom was using the website when she thought it was a global map and was drawn away from Canada.
I imagine darkening or cutting out the rest of the world would be useful in preventing confusion or attention being drawn away from the areas of interest.

Hudson Bay being coloured red, also the North

I had my friends run the website on their devices and give me feedback based on their experiences and they all said that it was strange/distracting seeing the Hudson Bay being coloured over in the demo, along with the entire north.

image

I guess it is an issue of having a single postal code for that region, but maybe fragmenting the region manually or cutting off past a given latitude would not be a bad idea.

Explanation of each page

When a user comes on to the "confirmed" or the "vulnerable", there should be a textbook in the bottom left of the heatmap that describes what that is.

KEEP IT SIMPLE BIG TEXT.

For potential cases: These cases are determined based on the symptoms of citizens' inputs into FLATTEN's forms.

For vulnerable cases: These cases identify regions where there are elderly and immunocompromised individuals.

Port data to GeoJSON

GeoJSON will allow us to access more features in Leaflet and will help us compress our data which is currently in many different files into one or two clean ones.

Make it impossible to select tabs

Sometimes when switching tabs I'll select the text instead of pressing

image

If we can make the text not selected that would be great. If not no worries.

Change "last updated" text

The "last updated" text should change depending on whether you're on confirmed cases and potential cases

Confirmed cases legend incorrect

I notice that the "Potential cases legend" is displayed on the confirmed cases layer, which can confuse individuals and make them thing that all red specs on city locations indicate its corresponding colour in the legend, which is wrong in this case.
image

I would suggest either not having a legend on this page or giving a legend of how many cases a certain sized bubble indicates.

SIZE OF NAV BAR

The size needs to be a lot bigger and bold the text to make it as clear and as large as possible without being overbearing.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.