データ可視化
数字で見る ミナト市
架空の島の街「ミナト市」の人口・出身・移動手段・観光客・区ごとの人口を、ひと続きに変形していく動くグラフで語るインフォグラフィック動画。折れ線の先端が大きな数字の円に、人型アイコンがドーナツに、棒がレースの横棒から地図のラベルへと姿を変えながら次のグラフにつながる。数値はすべて架空で、画面右上に常に明記している。
使った技法
- 折れ線を左から描き、先端に現在値ラベル
- 線の先端が円に広がる遷移
- 大きな数字のカウントアップと前年比の矢印
- 人型アイコン100個を割合で色替え
- アイコンが円周に並んでドーナツに変わる遷移
- 割合ごとに伸びるドーナツと順に出る凡例
- ドーナツがつぶれて棒グラフの横軸になる遷移
- 注釈線付きの棒グラフ
- 縦棒が横棒に変形する遷移
- 順位が入れ替わる棒グラフのレース
- レースの棒が地図のラベルに変形する遷移
- SVG の島地図と区の塗り分け（コロプレス）
- 一点から広がる波紋
- まとめの数字タイル
- ナレーションに合わせた字幕
- BGM のダッキングとフェード