Giter VIP home page Giter VIP logo

covid19ui's People

Contributors

christianhaider avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

covid19ui's Issues

Explain what the top number of the change chart means

The chart shows the differences in cases from the previous day. The top bold number on the scale shows the number of today vs. yesterday.
When the numbers are rising, this makes sense and feels natural. But when the numbers are dropping, you have small numbers at the top of the scale. This is counterintuitive.

Solution(s)

  • The number could be placed somewhere else.
  • The number can have a tooltip with an explanation

Ideas?
changeTopNumber

Visualize "days to double"

days to double is an interesting new metric which is easier to understand. But how to visualize?

One could calculate a derived time series and show it in a chart.

Or one could show the metric in a logarithmic chart as slanted paralell grid lines. The steepness of the lines corresponds to a days to double number. This could be interactively changed with a slider.
I think that this allows for a good visual prediction of the numbers to come.

Country flags

find, get and add flags for each country.

This is important for finding your country in the list. Especially, if one wants to do dynamic things. Flags are much easier to track than names.

Add more data sources

There are other interesting data sources:

  • ECDC European Centre for Disease Prevention and Control. (I could not find the data yet.
  • web data from the JHU. different structure, updated every hour(?)
  • Official data from Schleswig-Holstein (German state) collected privately
  • there will be new data on the number of tests

Population data

find, get and integrate population data for all countries.

This allows more meaningful comparisons on per capita base.

Colors are not explained

The charts use 3 colors for the data:

  • orange for the confirmed cases
  • green for the recovered cases and
  • red for deaths.

This needs to be explained.

Solution(s)

  • tooltip
  • legend
  • info button

Ideas?

Add news area

There should be an area for announcements concerning the data.

Recently, the recovered figures were removed by the JHU, as well as the removal of the subdivision of the US into states (see). There will be new tables for the US on county level...

Also, I want to integrate more data sources, which should be announced here

Show attributes

Data from different sources have different attributes.
JHU has confirmed and deaths, RKI has also age group and sex.

Each attribute series can be used for charts and each combination. What charts are appropriate for which combination (stacked bars, lines, ...).

The options must be selectable by the user. Checkboxes? radio buttons? Toggles?
And where to place them?

Unique ids

It will be neccessary to add some kind of ids to the territorial entities in order to combine different datasets.

JHU has just a name, RKI has state id and name and county id and name (the fact that there are ids does not mean much, since another system could have other ids for the same entities).

Mobile friendly

I want this on my mobile! But how? New separate app or one app with responsive css?

Add maps

I would like to use maps. For visualizing with color scales and for selecting the time series

Find better place for the last value

The last value of the series is important and should be shown.
But where? Currently, it is at the top of the value scale, which is confusing when the latest value is smaller than the maximum (always the case for the first chart. There it works).

changeTopNumber

Country list independently scrolable

The country list has to scroll independently.

It is impossible to browse throu the lower list, because you always have to scroll up to see the charts

count the clicks on a country

Each click on a country should be counted to see where the most interest is.

This can be done by feeding Matomo the reight events. Did this with unsere-gelder.de

Numbers are not localized

The numbers of the valuescale are hard coded with a period as thousands separator.
This should follow the locale of the browser.

I have no idea, but to program this oneself.
Or are there any JavaScript libraries for this out there?
Must be. Who knows them?

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.