Chart.js データ視覚化チュートリアル

世界銀行オープンデータを Chart.js で可視化するサンプル集です。 各サンプルの JS ファイル先頭にある CONFIG を書き換えるだけで、 別の指標・国・年のデータに入れ替えられます。詳しくは README.md を参照してください。

• 折れ線グラフ: 人口の推移

  複数国の指標を時系列で比較します。時系列データの基本形です。

• 棒グラフ: 国別の比較

  特定の年の指標を国別に並べて比較します。

• ドーナツグラフ: 構成比

  特定の年の指標を国別シェアで表示します。ツールチップで % も確認できます。

• 散布図: 2 指標の相関

  一人当たり GDP と平均寿命のように、2 つの指標の関係を国ごとにプロットします。