lab-charts

東京の気温はどれだけ上がったか

気象庁の過去気象データとe-Stat(政府統計)の実データを、Chart.jsとApache EChartsで可視化したギャラリーです。ランダム生成のデモデータではなく、実データだからこそ読み取れる事実(猛暑日の増加、人口の東京一極集中など)を、2つのライブラリの描き比べや実装コードと一緒に眺められます。

東京の月別平均気温の変化

ギャラリーで見る

1991-2020年の平均と2016-2025年平均の比較

東京の猛暑日・真夏日・冬日の日数

ギャラリーで見る

年別の階級日数の推移

東京の日平均気温カレンダー(直近1年)

ギャラリーで見る

カレンダー座標系のヒートマップ

都道府県別人口の推移(上位15)

ギャラリーで見る

タイムラインで1980年から最新推計まで切り替え

東京の月平均気温ヒートマップ(年×月)

ギャラリーで見る

1991年以降の全月。近年ほど暖色が増えていることが一目で分かる

このサイトの見どころ

  • Chart.jsギャラリー

    折れ線・棒・レーダー・散布図など定番6種。全チャートに実装コード付き。

  • EChartsギャラリー

    カレンダーヒートマップやタイムラインなどECharts独自の表現5種。

  • 描き比べ

    同一データを両ライブラリで並べて描画し、コードと挙動を比較。