社会の流転

Social Flux

社会の流転

What :
公開統計をもとに地域社会の移ろいを「流れ」として可視化するデータビジュアライゼーションツール。統計データが示す固定的なグラフと時間の流れを内包したビジュアル表現をミックスしました。
Why :
統計とシェーダーの表現を掛け合わせたら面白そうと思ったことが制作のきっかけです。真面目な学問とクリエイティブを掛け算し、数理的なものを視覚的に表現することを試みました。
How :
統計データの「固定されたグラフ」と「時間の流れ」を重ねるため、D3.jsの折れ線グラフで社会の輪郭を描き、Three.jsのシェーダーでその背後の気配や温度を表現する二層構造にしました。都道府県や年の切り替えに連動して、両方のレイヤーが同期して更新されます。
技術面では Next.js / TypeScript / D3.js / Three.js / Tailwind CSS を採用しています。
Role :
Web Design,
Frontend Development,
Backend Development
Date :
2026.6

© 2026 Tatsuya Hasegawa

Back to Index
Thank you for visiting.Thank you for visiting.