Angular でコロナ（ COVID-19 ）の感染者数が確認できるサイトを構築してみました。
とりあえず、日本国内の感染者数、死亡者数、回復者数が分かるようになっています。
下記のサイトにアクセスしてもらえると内容確認できます。
https://koichi-ezato.github.io/covid/#/
データ取得 API について
こちらのサイトの API を使用しました。
Ainize | Launchpad for open-source AI projects
Instantly run or deploy any open source projects for free.
ainize.ai
/jhu-edu/timeseries という API で日本で絞り込んでデータを取得しています。
使用した技術要素
- Angular : 9.1.0
- Angular Material : 9.2.0
- NgxCharts : 13.0.2
- angular-cli-ghpages : 0.6.2
Angular のフレームワークを利用し、デザインは Angular Material 、グラフには NgxCharts を使用しています。
今回は Github Pages 上にサイトを公開するために angular-cli-ghpages も使用しています。
グラフの書き方や、 Github Pages の利用方法については後日説明していきたいと思います。
最後に
世界的に影響を与えているコロナウィルス（ COVID-19 ）ですが、少しでも皆さんの情報収集の足しになればと思いサイトを構築してみました。サイトの方は順次機能の追加などを行い、より分かりやすいサイトにしていこうと思います。
コメント