- 内容
- RESAS(地域経済分析システム) APIの「都道府県一覧」からAPIを取得する
- APIレスポンスから都道府県一覧のチェックボックスを動的に生成する
- 都道府県にチェックを入れると、RESAS APIから選択された都道府県の「人口構成」を取得する
- 人口構成APIレスポンスから、X軸:年、Y軸:人口数の折れ線グラフを動的に生成して表示する
- 制約
- Vue.jsをベースに、最新版(9/26時点で v16.5.2)でSPAを構築すること
- 都道府県一覧および総人口情報はRESAS APIのデータを用いること
- グラフは Highcharts や Rechart.js サードパーティ製のグラフライブラリを用いて描画すること
- グラフライブラリは任意のものを用いる
- Google Chrome最新版で正しく動くこと
今回使用したグラフライブラリはc3.jsです。