Skip to content

都道府県別の総人口推移グラフを表示するSPA(Single Page Application)

Notifications You must be signed in to change notification settings

yoshinaga-ken/prefecture-population-chart-nuxt

Repository files navigation

都道府県別の総人口推移グラフを表示するSPA(Single Page Application)

image

DemoPage

内容

  • RESAS(地域経済分析システム) APIの「都道府県一覧」からAPIを取得する
  • APIレスポンスから都道府県一覧のチェックボックスを動的に生成する
  • 都道府県にチェックを入れると、RESAS APIから選択された都道府県の「人口構成」を取得する
  • 人口構成APIレスポンスから、X軸:年、Y軸:人口数の折れ線グラフを動的に生成して表示する

関連サイト

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

About

都道府県別の総人口推移グラフを表示するSPA(Single Page Application)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages