MagicMirror² v2.12.0 is available! For more information about this release, check out this topic.

MMM-COVID-19 (Deprecated)


  • Module Developer

    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



  • @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
                    }
            },
    ...

  • Module Developer

    @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?


  • Module Developer

    @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.


  • Module Developer

    @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


  • Module Developer

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


  • Module Developer

    @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?


  • Module Developer

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


  • Module Developer

    @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.


  • Module Developer

    @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)


Log in to reply