Here's our data API.
yarn install && yarn start
If you're new to contributing to Open Source on Github, this guide can help you get started. Please check out the contribution guide for more details on how issues and pull requests work.
Tracking the impact of COVID-19 in India
Home Page: https://www.covid19india.org
License: MIT License
Here's our data API.
yarn install && yarn start
If you're new to contributing to Open Source on Github, this guide can help you get started. Please check out the contribution guide for more details on how issues and pull requests work.
Usage of single font is monotonous. Pair it with a secondary font for better readability & establishing importance for the data.
A legend with a colour scale showing range of confirmed cases (in absolute numbers) would make it easier to interpret the map.
There is no font hierarchy. There is no difference between Title, Subhead, Paragraph & Fineprint text. Everything looks the same.
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.
The map subtext should say "tap" or "click" the map rather than hover in mobile devices.
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.
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.
In gh-pages branch, old files are not removed with new commit.. increasing the number of files in the gh-pages repository
https://github.com/covid19india/covid19india-react/tree/gh-pages/static/js
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.
My personal id is: https://github.com/vinay13091993
I have a suggestion.
Currently SCALE UNIFORMLY checkbox is set to true by default. Please make it false just for the sake of better user experience.
Can we add daily change count in the table for each state?
As discussed, we need to add support for regional languages for the users to access the information. Finer details still need to be ironed out.
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 everything in the website is in capital letters? Rethink the strategy.
"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.
The map layout looks broken / out of place / not following a grid system. This needs to follow conventional layouts.
Links do not work when they are opened directly. Need to design a better way of routing.
Maybe something like
https://www.covid19india.org/?faqs or https://www.covid19india.org/?page=faqs etc
Plural is implicit in the acronym FAQ. The heading as well as the links would need to be changed.
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:
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.
Isn't the website already having this?
Can you provide more details?
Might scripts isn't able to fetch data, Try storing Cached data.
This suggestion is in terms of altering
confirmed, deaths, recovered and states infected
to present it more holistically by talking of:
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.
a few suggestions:
Guys we need much more visualisations
#Every existing graphs must have a log scale.
State wise table title should be left aligned & title style should be bigger.
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.
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:
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
District wise data is available using the below APIs
https://api.covid19india.org/state_district_wise.json
There can be a toggle switch above the map to switch between state-wise and district-wise map
Sample: https://fieldmaps.in/covid19/
There is no space between "INDIA COVID-19 TRACKER" and "STATISTICS BY STATE" titled div in laptop view
To Reproduce
Steps to reproduce the behavior:
Expected behavior
There should be space between above mentioned two divs
Screenshots
It should be like this
I am also adding pull request to solve the same
On page loading, the map can show the total cases per state in the form of markers/circles and on hover you can show its details.
The heading says "Map" now doesn't say anything about the data you're about to see. It should be descriptive of the data shown below.
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.
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.
Setting a relative timestamp on images will make the image irrelevant as time progresses. In the worst case, might lead to confusion. Better to use a timestamp instead of saying "2 hours ago".
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.