視点をどこに置くか

杉浦康平「右往左往する富士山の地図」から考える、データの描き方

グラフィックデザイナーの杉浦康平氏に、「右往左往する富士山の地図」というダイアグラムがあります。東名高速道路を走るとき、富士山の見える方向と距離がどう変わるかを描いた図です。私は講演や講義で、この図をよく引き合いに出してきました。視点をどこに置くかで、描かれるものがまったく変わることを、はっきり見せてくれるからです。

このページでは、そのアイデアを公開データで計算し直した図を動かしながら、視点の置き方を考えます。コンピュータの画面の上でデータを図にして人に伝えるとき、作り手は読み手をどこに立たせるのか、という話です。図は原図を再現したものではありません。

まず、予想してください

東京から西宮まで、東名・名神高速道路を走ります。この道路を、まっすぐな一本の線に伸ばします。道路上の各地点から富士山への方向と距離は、そのまま変えません。すると富士山は、まっすぐな線に対してどこに現れるでしょうか。

選んだら、下の図のスイッチを入れて確かめてください。

止まっているものを入れ替えると、動くものが入れ替わる

地図では、富士山は一点に止まっていて、曲がりくねっているのは道路です。まっすぐにした図では逆に、道路が止まっていて、富士山が動きます。描いているデータはどちらも同じで、各地点から富士山への方向と距離です。

違うのは、何を「動かないもの」として描いたかです。地図は、地面を動かないものとして描いています。だから山は動かず、その上を通る道路が曲がります。まっすぐにした図は、車の向きを動かないものとして描いています。車はいつも図の左を向いています。道が右へ曲がると、車から見た富士山はそのぶん左へずれるので、図の上でも富士山の位置が変わります。

運転席に座ってみる

まっすぐにした図は、運転席からの眺めとも言えます。車がどちらを向いていても、運転する人はいつも正面を見ているからです。そこで、同じ計算を運転席の眺めにしました。「走る」を押すか、スライダーを動かしてください。

走らせてみると、運転席の眺めの弱点も分かります。

4つの図を並べる

ここまでの図は、2つの問いで整理できます。何を基準にして描くか。全体を見渡すのか、その場から見るのか。組み合わせは4つあるので、まだ出てきていない1つを足しました。展望台にある方位盤のように、その場に立って周りを見るけれど、東西南北は地面に合わせたままの図です。スライダーを動かすと、同じ地点を4つの図で同時に追えます。

地面を基準にする
走る人を基準にする
全体を見渡す
地図 地面を基準 × 全体を見渡す
まっすぐにした図 走る人を基準 × 全体を見渡す
その場から見る
方位盤 地面を基準 × その場から見る
運転席 走る人を基準 × その場から見る

左下の方位盤を見てください。富士山は西から北を回って東へ、ゆっくり移るだけで、大きく行き来することはありません。その代わりに、車の向きを示す印のほうが左右に振れます。運転席と同じ「その場からの眺め」なのに、富士山は右往左往しないのです。右往左往の原因は、場所が変わることではなく、車の向きが変わることだと分かります。

そして、右往左往が一目で分かるのは、右上の図だけです。地図では富士山は動きません。運転席では、動きは見えても全体が残りません。杉浦氏の図は運転席からの眺めではなく、走る人を基準に描いたものを、全体が見渡せる形にしています。

保ったものと、捨てたもの

基準を変えるとは、何を保ち、何を捨てるかを決めることです。まっすぐにした図は、富士山までの距離と、道路に対する角度を保ちました。その代わりに、方角と、海岸線や地形との位置関係を捨てています。下の表は、上のスライダーの地点での値です。

地図方位盤まっすぐにした図運転席
富士山までの距離
道路に対する角度読み取れない
富士山の方角読み取れない読み取れない
海岸線や地形との位置関係あるないない近くだけ
全線を通した動き富士山は動かないいまの位置だけ一目で分かるいまの位置だけ

地図ではないデータで、同じことをする

同じことは、地図ではないデータにも言えます。鉄道の時刻表で試します。駅を選び、時刻を動かしてください。

ダイヤグラム 運行する側を基準 × 全体を見渡す
待ち時間の図 ホームに立つ人を基準 × 全体を見渡す
発車標 ホームに立つ人を基準 × その場から見る

説明のために作った架空の路線とダイヤです。みなと発やまのうえ行きの、朝7時から9時までを描いています。

ダイヤグラムは、運行する側の図です。すべての列車と駅が一望できます。けれどもホームに立つ人は、自分の駅の線と、いまの時刻の線が交わるところを、自分で探さなければなりません。

発車標は、ホームに立つ人の図です。原点は「いま、この駅」。単位は時刻ではなく「あと何分」です。ただし運転席と同じで、見えるのは「いま」だけです。

待ち時間の図は、ホームに立つ人を基準にしたまま、朝の2時間を見渡したものです。何時にホームへ着くと長く待つのかが、一目で分かります。駅を「さくら台」に変えると、快速が止まらないぶん山が高くなります。

4つめの組み合わせ、つまり運行する側を基準にその場から見る図もあります。運転士が持つ、1本の列車だけの時刻表がそれです。ここでは描いていません。

ここでも、保ったものと捨てたものがあります。保ったのは、自分の駅を出る列車の時刻です。捨てたのは、ほかの駅のことと、列車どうしの関係です。

自分のデータで描き直すとき

富士山と時刻表でやったことを、手順にするとこうなります。

  1. 読み手は誰か。どの席に座らせるか。下りと上り、中央駅とさくら台駅で、絵は変わります。席を決めるのは作り手です。
  2. 原点をどこに置くか。読み手がいまいる場所、いまの時刻、読み手自身の値。
  3. 軸と単位を何にするか。東西南北ではなく前後左右。時刻ではなく「あと何分」。
  4. 何を保ち、何を捨てるか。保つものを決めないと、描き直した図は元のデータと別のものになります。
  5. 描き直したものを、見渡せる形にする。「いま」だけを見せて終わらせない。
問い富士山時刻表
読み手高速道路を走る人ホームに立つ人
原点いま走っている地点いま、この駅
軸と単位進行方向に対する前後左右、富士山までの距離あと何分
保ったもの富士山までの距離、道路に対する角度自分の駅を出る列車の時刻
捨てたもの方角、海岸線や地形ほかの駅、列車どうしの関係
見渡す形まっすぐにした図待ち時間の図

俯瞰か、運転席か

地図は俯瞰の視点で、全体を管理する側、いわば行政の視点です。運転席は主観の視点です。一般の人にデータを伝えようとするなら、作り手は俯瞰よりも運転席の視点で描くべきではないか。私はそう考えてきました。

ただ、読み手を運転席に座らせるだけでは「いま」しか見えません。自分の景色がふつうなのかどうかも分かりません。杉浦氏の図が教えてくれるのは、その先です。走る人を基準に描き直し、それを全体が見渡せる形にする。入口は運転席で、出口は俯瞰です。

座標系とは、何を基準にして描くか、ということです。

読み手の座標系で描き直してから、俯瞰させる。