【アプリ 070】50年の変化が見える。氷見市 人口タイムマシン 3D

AI実装ログ

氷見市の人口は、1970年の約70,000人から2025年には約41,000人へ。地図の上で見ると、どの地区がどう変わったのか?

Three.jsで氷見市を3D化し、地区ごとの人口を「高さ」で表現しました。タイムスライダーを動かすと、1970年から2050年(推計)まで、街の姿が変わっていく様子を体感できます。

中心部の氷見地区は比較的維持されていますが、山間部の地区では劇的な変化が。再生ボタンを押すと、50年間の変化がアニメーションで流れます。数字だけでは実感しにくい「地方都市の縮小」を、3Dで体感してください。

👉 デモアプリを開く

📱 使い方

070_population_3d スクリーンショット
  1. 画面下部のスライダーまたは「再生」ボタンで1970〜2050年の人口変化をアニメーション再生
  2. 3Dシーンをドラッグで回転、スクロールでズームイン・アウト
  3. 地区名ラベルまたは3Dバー柱をクリックして詳細パネルで人口・変化率を確認
  4. ツールチップで各地区の人口・1970年比変化率を確認
  5. 「EN/JA」ボタンで言語切り替え、「リセット」でカメラ位置を初期状態に戻す

💡 ポイント: Three.jsによる3D可視化で、氷見地区(1970年22,000人→2050年予測8,500人)をはじめ全12地区の人口減少の深刻さを体感できます。

🎯 こんな人におすすめ

  • 人口減少・地方消滅問題に関心を持つ政策関係者・研究者
  • 3Dインタラクティブデータ可視化に興味を持つ技術者・デザイナー
  • 氷見市の未来像を考える市民・学生・メディア関係者

開発メモ

目的: 002(人口ビジュアライザー)の3D拡張。時系列+空間の両軸で人口変化を可視化。

技術: HTML5, Three.js r128, 自前オービットコントロール

工夫: 12地区それぞれの人口データをCylinderGeometryの高さに反映。年代が進むにつれ柱がイージングで縮む演出。人口密度で色分け(高密度=シアン、低密度=赤紫)。

コメント

タイトルとURLをコピーしました
🤖

AIアシスタント

氷見AI実装ラボ