Social Flux
社会の流転
- What :
- 公開統計をもとに地域社会の移ろいを「流れ」として可視化するデータビジュアライゼーションツール。統計データが示す固定的なグラフと時間の流れを内包したビジュアル表現として、D3.jsの折れ線グラフが社会の輪郭を示し、Three.jsのシェーダー背景がその背後にある気配や温度を描きます。
- Why :
- 人口の増減や高齢化の進行は、表の数字だけでは感じ取りにくい移ろいです。都道府県や年を変えるたびに、その移ろいが光と流れとして立ち上がる体験を届けたいと考え、公開統計を読み解くWebアプリを制作しました。
- How :
- 統計データの「固定されたグラフ」と「時間の流れ」を重ねるため、D3.jsの折れ線グラフで社会の輪郭を描き、Three.jsのシェーダー背景でその背後の気配や温度を表現する二層構造にしました。都道府県や年の切り替えに連動して、両方のレイヤーが同期して更新されます。
技術面では Next.js / TypeScript / D3.js / Three.js / Tailwind CSS を採用しています。 - Role :
- Web Design,
Frontend Development,
Backend Development - Date :
- 2026.6