mlog

備忘録とかメモとか

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

制作中のサイト「新型コロナウイルス 世界の感染状況」に、以下の機能を追加・更新しました。

  • グラフ表示機能の追加
  • トップ移動ボタンの追加
  • 設定変更部分の調整

今回の記事では、追加・更新した機能を簡単に紹介したいと思います。

「新型コロナウイルス 世界の感染状況」サイトは以下のページをご覧ください。

その他の「新型コロナウイルス 世界の感染状況」の機能紹介記事は、以下のページをご参照ください。

目次

主な更新内容

グラフ表示機能の追加

グラフ表示機能を追加しました。

グラフ表示は「全ての項目」を表示するタイプと、「並び替え項目のみ」を表示するタイプの2つのタイプを追加しました。

「全ての項目」を表示するタイプは、以下のような表示となります。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

「並び替え項目のみ」の表示は以下のような表示となります。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

※ ここで、見やすさのため「全ての項目」表示タイプの参考イメージは「日本トップ表示」を「OFF」にしたものです。「全ての項目」表示タイプでも「日本トップ表示」は利用可能です。

初期設定では、グラフ表示タイプは「並び替え項目のみ」となっています。

グラフの表示タイプを変更する場合は、ページ上部にある、以下のような設定用ボタンをクリックしてください。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

上記のボタンをクリックすると、以下のようなダイアログが開くので、表示タイプを選択して、右下の「選択」の部分をクリックしてください。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

「全ての項目」表示タイプについて

初期表示項目

「全ての項目」表示タイプの初期表示項目は以下の通りです。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

※ 灰色で表示されている項目は、非表示の状態となっています。

他の項目に比べて数が大きい人口と検査数、数が小さい感染者(新規)と死者(新規)はグラフが見にくくなるため、初期表示では非表示としてます。

表示項目の切り替え

項目の表示・非表示の切り替える場合は、以下のように、グラフ上部の項目リストの中にある対象の項目をクリックしてください。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

変更した内容は次回アクセス時にも維持されます。

※ デバイスやブラウザ環境によっては、設定が維持されない場合があります。

表示項目の確認

グラフ中で見ているデータが、どの項目かわからない場合は、対象のデータにマウスを合わせると項目名が表示されます。

※ スマホの場合は、対象のデータをタップしてください。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

動作が遅い場合は

「全ての項目」表示タイプは、表示データが多いため、動作が遅くなる場合があります。

動作が遅いと感じる場合は、「並び替え項目のみ」または「OFF」を選択して下さい。

トップ移動ボタンの追加

ページの右下にトップ移動ボタンを追加しました。

ページトップへ移動したい場合は、ページ右下にある、以下のようなボタンをクリックしてください。

【新型コロナ 世界の感染状況】グラフ表示機能を追加しました【アップデート】

※ スマホなどの場合、ツールバーなどが開いてしまって反応しない場合があります。その場合は、何度かタップしてみてください。

設定変更部分の調整

ページ上部の設定ボタンの並び順と表示テキストを調整しました。

まとめ

以上、今回追加・更新した機能について、簡単に紹介してみました。

「新型コロナウイルス 世界の感染状況」サイトは以下のリンクからご覧ください!

また、国内の感染状況に関するサイトも公開していますので、ぜひ一度、試してみてください。

「こんな機能があるといい」、「こんなサイトがあったらうれしい」など、気軽にコメントしていただけると嬉しいです!

いただいたコメントの内容は、必ずチェックした上で検討させていただきます。