GithubHelp home page GithubHelp logo

classicvalues / covid-19-chart Goto Github PK

View Code? Open in Web Editor NEW

This project forked from davidbau/covid-19-chart

0.0 1.0 0.0 1.98 MB

Chart of current COVID-19 time series data. Enables a variety of county- state- and nation-level comparisons and data exploration.

Home Page: https://covid19chart.org/

HTML 73.81% CSS 0.90% JavaScript 24.58% Python 0.71%

covid-19-chart's Introduction

COVID-19 Live Time Series Chart Maker

Data are pulled directly from Johns Hopkins CSSE into an interactive chart with both log and linear options, breakouts by state, and graphs of changes from day to day of reported deaths and confirmed cases.

See the live covid-19 chart at covid19chart.org.

My physician wife wanted to see some summaries of U.S. covid-19 stats that are not graphed in the press, so I wrote this short HTML page to create those rollups. I have now packaged it as an API so that it can be used to make more customized live graphs and embed them in dashboards for local decisionmakers.

This page just one small HTML+JS page, using chartist.js (with legend, tooltip, and logaxis extensions), vue.js, lodash.js, and papaparse. Pull requests are welcome.

Code is at https://github.com/davidbau/covid-19-chart.

Open source. (MIT license.)

URL Parameter API

The URL can be linked to save a chart. Although legend selection states are not saved, a graph with particular countries or states can be created by directly using the URL API.

  • domain: US or Intl.
  • series: confirmed or deaths.
  • stat: totals or deltas.
  • scale: linear or log10.
  • norm: none, first (normalized by first day), or pop (per million population).
  • start: a date or >= expression as in the menu.
  • top: integer how how many top states or countries to include.
  • include: semicolon-separated list of counties/states/countries to include.
  • select: semicolon-separated list of localities to highlight in graph.
  • theme: dark, white, or paper, to match your dashboard.
  • advanced: show a simple form for customizing the graph.
  • bare: set to 1 to show just the chart (e.g., for embedding).

The URL can be edited directly, or the "Advanced options" link can be used to toggle the advanced customzization form. More information in this blog post.

Acknowledgements

Thanks to David Ebbo for improving the selection UI, and thanks to David Maymudes for adding per-population normalization!

Thanks to the support of MIT Quest.

covid-19-chart's People

Contributors

davidbau avatar davidebbo avatar veeps avatar dmaymudes avatar

Watchers

 avatar

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.