Giter Club home page Giter Club logo

covid19india-react's Introduction

covid19india

View our live patient database. If you'd like to collaborate, join the Telegram Group.

to run

git clone https://github.com/BetaTurtle/covid19india.git

Python3 : python -m http.server

Python2 : python -m SimpleHTTPServer

Open http://localhost:8000 in browser to test

to deploy

minify and add to docs directory

Install minify npm i minify -g

minify script.js > docs/script.js

minify index.html > docs/index.html

covid19india-react's People

Contributors

abhishekakade avatar ameya-pandilwar avatar aswaathb avatar avneeshroks avatar binu42 avatar chaituvr avatar faisal3389 avatar g-bhagwanani avatar jaibatrik avatar jeremyphilemon avatar junaidbabu avatar kousiksatish avatar krishnapravin avatar lakshmi14 avatar nayakrahul avatar nitin96bisht avatar s-naveen avatar sama007 avatar sanair96 avatar shubhamjain2998 avatar shuklaayush avatar siddharthhp avatar ssonal avatar strikertanmay avatar sudevschiz avatar tannakartikey avatar tometo-dev avatar tuxdna avatar vandanachandola avatar vishwac09 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

covid19india-react's Issues

Add Exponential Toggle on the Charts

Append a mechanism to view the difference (and thereby, exponentiation in growth) in the number of cases in comparison to the day preceding the one over which the user hovers.

This presents a 'trend spread,' which makes the content more informative and useful.

More graphs will be helpful.

Hi @covid19india ,

As we have patient data with state, age, sex, mode of transmission.

Displaying it with graphs (can be simple bar graph) will bring more meaning out Covid-19 patient data base.

Like by Age upon date:-
image

Gender count:-
image

State count:-
image

Transmission mode.
Here we need classification of mode as Notes columns have freestyle text. It needs to be replaced with fixed types of modes. like:

image

Of course few of them will require manual entry.

I am working of Excel formula to replace free notes with fixed types of modes.

Thank you,
N Vivek Raj

Monotonous font usage

Usage of single font is monotonous. Pair it with a secondary font for better readability & establishing importance for the data.

Pulling more data

If possible extract data from major affected cities
Be it Bergamo from Italy or Madrid from Spain or Tehran from Iran.
It'll be useful in extrapolation of our affected states separately.

Error in percentage calculation for states

As seen in the screenshot below, percentages are not calculated properly and are neither rounded off. Using current data, the result should have been 100 * 29 / 440 = 6.59%, instead of 7%.

Screenshot from 2020-03-23 17-03-38

Feature Requests and Enhancements required

a few suggestions:

  • Home page has tons of free/empty space in the center and any possibility to make it in 1 Page and a bit tight and clean.
  • Top Menu to be alternative colors so its more visible
  • From Network Map page there is no navigation button to get back to home, it looks like we have moved to a diff site.
  • Unable to export the zoomed in images of the cluster
  • Please provide alternative view to the cluster, eg: tree, etc
  • Helpful links could be accommodated in the home page itself saving 3 page need.

Social - Twitter, fb, insta button + scrolling banner

We(Social team) need a scrolling banner on the top of the page which will contain factoids and Mythbusters. All content will be supplied by us. Please make that functionality and we shall give you the content. Much needed as so much fake news circulates in the media nowadays and we want to get out the facts to our 150,000+ Daily viewers.
Second - we need our social media pages to be pinned onto the website so as to divert traffic from the website to SM pages as well. Mainly have an icon for twitter below the 'Last case seen on'. And insta and fb buttons in the right top corner.
Please complete both of these on priority.
Thanks.

WHY ALL CAPS?

Why everything in the website is in capital letters? Rethink the strategy.

Include state-wise data of number of tests done; how many negative, pending

Problem statement
It would be great if we could know how many tests are conducted and how many of those are positive-negative-pending.

Details
As of March 24, Kerala and Maharashtra are leading quite ahead of other states in positive cases. But these numbers don't speak truth since Kerala is way ahead of other states in terms of number of people tested. So to get a clearer picture, we could have data like:

  1. Number of people tested
  2. Number of negative
  3. Number of pending results
  4. Ratio of people tested with respect to population of state

I know that these numbers are quite hard to get as some state govt themselves haven't released these data. But at least if we update the available data, it would be great!!

Context
I came across such a data in a THE HINDU article of March 24.
Testing rates

The map numbers look clickable

The map number backgrounds make it look like they are clickable while they are not. Make it look like a normal text data.

image

Add a colourbar to the map

A legend with a colour scale showing range of confirmed cases (in absolute numbers) would make it easier to interpret the map.

Font hierarchy is missing

There is no font hierarchy. There is no difference between Title, Subhead, Paragraph & Fineprint text. Everything looks the same.

Show "tested" data

As we decided in Telegram the top KPIs should be,

  1. Tested
  2. Confirmed (showing active numbers like this)
  3. Recovered
  4. Deceased

image

Graphs required

Guys we need much more visualisations
#Every existing graphs must have a log scale.

  1. Total cases vs vs recovered ones
  2. Total cases vs deceased ones
  3. Recovery rate vs Death Rate ( its going to be importannt in the coming time)
  4. Most importantly we need a compare option with other countries; baseline being the first case reported/confirmed/deceased.

Add Weblinks

Append logos that link to our Twitter (already present), Instagram and Facebook handle in order to make it easier for the social team to propagate news and infographics in the general public.

Provide the data in CSV files for predictive analysis

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

The "Map" layout looks broken

The map layout looks broken / out of place / not following a grid system. This needs to follow conventional layouts.

Find a better term for "network map"

"Network map" sounds very computer technology related term. Doesn't sound medical. Try using "Cluster map" or "Case cluster" or "Case clusters" or simply "Clusters" etc.

Site Shows up 0 Data

Probably the google sheets has been kept privet, through which site isn't able to fetch data.
Add an alternative API, in case google sheets don't fetch data the API should provide.

Replace FAQs with FAQ

Plural is implicit in the acronym FAQ. The heading as well as the links would need to be changed.

Daily delta needs to be near the delta graph

Daily delta sitting on top the cumulative number doesn't make sense. It needs to be near the small delta charts with a legend

[+10 TODAY] something like this. Otherwise it's a very unintuitive data point. Many came to the group asking for what the number is in the past.

Alter and append more figures onto the landing

This suggestion is in terms of altering

confirmed, deaths, recovered and states infected

to present it more holistically by talking of:

  1. Tested
  2. Active/Confirmed
  3. Hospitalized
  4. Recovered
  5. States and UTs infected
  6. Deaths

Colour code of map

Kinda personal but the color code for the states with 0 cases should be white cause sometime the eastern states looks like they are effected.

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.