氷見市の人口は、1970年の約70,000人から2025年には約41,000人へ。地図の上で見ると、どの地区がどう変わったのか?
Three.jsで氷見市を3D化し、地区ごとの人口を「高さ」で表現しました。タイムスライダーを動かすと、1970年から2050年(推計)まで、街の姿が変わっていく様子を体感できます。
中心部の氷見地区は比較的維持されていますが、山間部の地区では劇的な変化が。再生ボタンを押すと、50年間の変化がアニメーションで流れます。数字だけでは実感しにくい「地方都市の縮小」を、3Dで体感してください。
📱 使い方

- 画面下部のスライダーまたは「再生」ボタンで1970〜2050年の人口変化をアニメーション再生
- 3Dシーンをドラッグで回転、スクロールでズームイン・アウト
- 地区名ラベルまたは3Dバー柱をクリックして詳細パネルで人口・変化率を確認
- ツールチップで各地区の人口・1970年比変化率を確認
- 「EN/JA」ボタンで言語切り替え、「リセット」でカメラ位置を初期状態に戻す
💡 ポイント: Three.jsによる3D可視化で、氷見地区(1970年22,000人→2050年予測8,500人)をはじめ全12地区の人口減少の深刻さを体感できます。
🎯 こんな人におすすめ
- 人口減少・地方消滅問題に関心を持つ政策関係者・研究者
- 3Dインタラクティブデータ可視化に興味を持つ技術者・デザイナー
- 氷見市の未来像を考える市民・学生・メディア関係者
開発メモ
目的: 002(人口ビジュアライザー)の3D拡張。時系列+空間の両軸で人口変化を可視化。
技術: HTML5, Three.js r128, 自前オービットコントロール
工夫: 12地区それぞれの人口データをCylinderGeometryの高さに反映。年代が進むにつれ柱がイージングで縮む演出。人口密度で色分け(高密度=シアン、低密度=赤紫)。


コメント