yahoo / covid-19-dashboard

Source code for the Yahoo Knowledge Graph COVID-19 Dashboard

Yahoo Knowledge Graph COVID-19 Dashboard

Background

This repository contains source code for the Yahoo Knowledge Graph COVID-19 Dashboard. The visualization is powered by Elide and themed with Denali Design.

Related project links:

• Public API powered by Elide
• Hourly dataset updates from public sources
• Open datasets (commercial use upon request)

Install locally

1. Clone the repo git clone https://github.com/yahoo/covid-19-dashboard.git

2. Install dependencies npm i

3. Configure the environment

   Note that by default, the app will run with mock data (via mirage) enabled.

   To use real data in local development you must supply the url of a COVID_API host The following environment variables are available

   ENV	default	run local
   COVID_API	https://covid19.knowledge.yahoo.com	http://localhost:8080
   TILE_SERVER	https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
   TILE_SERVER_ATTRIBUTION	osmAttribution

4. Start the server ember s or npm run start

   So to run the api and dashboard locally you might run COVID_API=http://localhost:8080 npm run start

Maintainers

• Jon Kilroy - Developer
• Aaron Klish - Developer
• Balaji Manoharan - Developer
• Kevin Hinterlong - Developer
• Chas Turansky - Designer

Please contact [email protected] with any questions.

License

This project is licensed under the terms of the Apache 2.0 open source license. Please refer to the LICENSE for the full terms.

covid-19-dashboard's Issues

Refactor place hierarchy from fixed tree to DAG

The current model (based on simpler assumptions of the scope of the project) was a fixed taxonomy of Country, State, and County. This works fairly well for the United States but does not scale to accommodate more complex relationships:

Countries like the United Kingdom and Sweden where this taxonomy doesn't match the regional breakdown. Cities that have multiple zip codes (multiple parents in the hierarchy). Cities like San Francisco that are both a city and a county. We should refactor the data, API, and UI to accommodate a more dynamic hierarchy of places that allows n-levels of nesting, multiple parents, and places to be categorized as different types.

Reference:

• API Issue

Different version of the map/tile locally and the zoom in text is too tiny in the hosted page

I see a completely different tile for the map when running locally but i see the following issues with the hosted version of the dashboard.

1. When you zoom-in, the text incrementally decreases in size (text is function of scale), which is not ideal, as its super hard to read that way.(See screenshot).

2. The text color easily blends with background , when zooming in, so suggestion has to have a distinctive text for location names for a better UX.

Opening Modal on Safari is broken

1. Open https://yahoo.github.io/covid-19-dashboard/#/United_States in Safari
2. Click the expand fullscreen button on a graph
3. Expect to see modal of graph, but it's trying to render in the sidebar

Infinite map scroll doesn't plot the regions

I see that the locations get plotted only on one instance of the map and doesn't extend to regions as they appear due to infinite scroll impeding the purpose of infinite scroll