MMM-COVID-19 (Deprecated)

NOTICE FOR NOT SUPPORTING ANYMORE

When I created this module, there was no COVID-19 related modules, so I made it by myself. This module consumes data from the FIRST original root source from Johns Hopkins University Center for Systems Science and Engineering (JHU CCSE) But JHU CCSE changes its data format too often and without notice, so this module is not stable. (I’m very disappointed about JHU CCSS data management)

And at this moment, there are at least two working COVID-19 related modules in MagicMirror. So I’ll quit supporting this module. Use alternatives.

Sorry, and thank you for things.

MMM-COVID-19

MM module for current COVID-19 virus status.

Credits

This data is derived from Johns Hopkins University Center for Systems Science and Engineering (JHU CCSE)

Original data is located here

Screenshot

doctorwhen

@Sean Thanks! I’ve created a sort of Coronavirus dashboard on my MagicMirror by utilizing the following modules:

MMM-COVID-19
MMM-News
newsfeed
MMM-iFrame
MMM-pages

Using these configuration entries:

{
    module: "MMM-News",
    position: "top_center",
    config: {
        apiKey : "xxxxxxxxxxxx",
        type: "vertical",
        touchable: false,
        telegramBotOrderOpenDetail : true,
        query : [
            {
                sources: "abc-news, bbc-news, cnn, google-news",
            },
            {
                country: "us",
                category: "health",
                q : "coronavirus"
            },
            {
                country: "uk",
                category: "health",
                q : "coronavirus"
            }
        ],
    }
},
{
    module: "MMM-COVID-19",
        header: "Coronavirus Daily Update",
        position: "bottom_bar",
        config: {
            scanInterval: 1000 * 60 * 60 * 12,
            rotateInterval: 1000 * 5,
            detailProvince: true,
//          pinned: ["Mainland China", null],
//          pinned: ["Others", "Diamond Princess cruise ship"],
//          pinned: ["US", "Santa Clara, CA"],
            pinned: ["US"],
            logProvinceCountry: false,
            logOnce: true,
            sortOrder: null,
        }
},
{
    module: "newsfeed",
        position: "bottom_bar",
        config: {
            feeds: [
                {
                    title: "Centers for Disease Control",
                    url: "https://tools.cdc.gov/api/v2/resources/media/403372.rss"
                },
                {
                    title: "Johns Hopkins Medicine",
                    url: "https://www.hopkinsmedicine.org/news/media/releases/?format=rss"
                },
                {
                    title: "World Health Organization",
                    url: "https://www.who.int/feeds/entity/csr/don/en/rss.xml"
                },
            ],
            showSourceTitle: true,
            showPublishDate: true,
            broadcastNewsFeeds: true,
            broadcastNewsUpdates: true
        }
    },
    {
        module: 'MMM-iFrame',
            position: 'fullscreen_below',
            config: {
                url: [
 "https://gisanddata.maps.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6",
"https://www.arcgis.com/apps/opsdashboard/index.html#/85320e2ea5424dfaaa75ae62e5c06e61",
                   "https://windy.app/coronavirus_map",
                   "https://experience.arcgis.com/experience/685d0ace521648f8a5beeeee1b9125cd",
                ],
                updateInterval: 3 * 60 * 1000,  // rotate URLs every 3 minutes
                width: "1080", // width of iframe
                height: "1920", // height of iframe
                frameWidth: "1080"
            }
        },
        {
            module: 'MMM-pages',
                config: {
                    modules:
                        [[ "MMM-News", "newsfeed", "MMM-COVID-19"], [ "MMM-iFrame"]],
                    fixed:
                        ["alert", "updatenotification", "MMM-Remote-Control", "MMM-TelegramBot"],
                    rotationTime: 900000, // rotate page every 15 minutes = 15 * 60 * 1000
                }
        },
...

lavolp3

@Sean I like it very much but my wife would kill me if I put this on the bathroom mirror! Would need a face recognition for that.
What I would find interesting are the daily cases of “new confirmed” vs “new recovered”. You think that would be able to be implemented?

@lavolp3
In API, timeseries data could be derived also. So I think possible. Maybe I can add a line-graph for last 10 days with canvas too. But frankly says, I wish someone make it for me. Always I’m making modules by myself because nobody makes it for me before. Myself is very lazy.
Today, I have a prior work to finish, so in 2~3 days I’ll add that feature new confirmed and new recovered.

lavolp3

@Sean Can you give me a source for the time_series data?
Then I’ll try to add a graph via chart.js and send a PR

@lavolp3
You can use https://github.com/Laeyoung/COVID-19-API
Or you can find several apis by googling

lavolp3

@Sean I’ve tried to call the timeseries link with the implemented XMLHTTPrequest but only get an incomplete answer (readyState 3, Status 200)
Any suggestions?

@lavolp3
I’ll try and implement your requested feature in 1~2 days. Thanks for interesting.

lavolp3

@Sean working on it and not too far from finished in this branch
https://github.com/lavolp3/MMM-COVID-19/tree/timeseries

Source data is called and parsed to an array which can be used by the chart. This part is done
The chart however is not yet shown in the dom. Chart.js is always tricky for me since the dom object needs to be created first and then filled with the chart.
Also the many dom updates due the revolving regions does not help for me.

But I guess it’s a start.

@lavolp3
I’m removing a dependency of API, Instead, data will be accessed from Original JohnsHopkins GitHub directly. So, can you wait a while till refactoring is finished? (1~2 days will be taken)