Giter Site home page Giter Site logo

corona-graphs's People

Contributors

dependabot[bot] avatar mathiastj avatar whatdo avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

whatdo

corona-graphs's Issues

Align per million and regular

Per million does not use null for no data entries, instead it uses zeroes. This causes the per million and not per million graph to not look quite alike:

image

vs

image

Per million and log enabled at the same time produces some funky results

If both log and per million is enabled at the same time, the graph can dip below the minimum y axis, which is defined as 1.

If the minimum is set below 1 log the log view produces worse results for non per million results.

It cannot be set to dataMin since that is 0 and recharts won't render that so it just produces a blank graph.

image

Could be fixed with:

  1. Find the actual min value and set that as y min (and add something miniscule like 0.01 for the log case)
  2. Hardcode the y axis min to be 0.01 for per million and 1 for non per million cases.

Calculate max values in app.js

Instead of calculating the ymaxprioritizedkeys in line-charts.js, do it in app.js since we're already looping over the same data.

Add rolling averages

Many countries have started not reporting new case and deaths number during the weekend. This makes the graphs have big spikes up and down each weekend.

Add an option to enable rolling averages, which will smooth out the graphs and possibly give a better overview.

error handling

Check response and show an error that data is not available if not 200

parseData is taking too long

As the data file gets bigger and bigger the parseData function takes way too long, since it loads data for every single country initially.

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.