Angular
でコロナ(COVID-19
)の感染者数が確認できるサイトを構築してみました。
とりあえず、日本国内の感染者数、死亡者数、回復者数が分かるようになっています。
下記のサイトにアクセスしてもらえると内容確認できます。
Covid
データ取得APIについて
こちらのサイトのAPI
を使用しました。
Ainize | Launchpad for open-source projects
Instantly run and deploy any open-source projects for free
/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)ですが、少しでも皆さんの情報収集の足しになればと思いサイトを構築してみました。サイトの方は順次機能の追加などを行い、より分かりやすいサイトにしていこうと思います。
コメント