D3.js – 秋元@サイボウズラボ・プログラマー・ブログ

Projection face! は、人間の顔を世界地図の上に描いて、図法を変えたらどう歪んで見えるか、というのを見せてくれるウェブサイトです。

図法というのは、メルカトルとかモルワイデとかいうアレですね。代表的なものは社会科で習ったと思います。

D3.js を使って63もの図法で表示してくれますが、ソースコードも公開されています。

一個ずつ選択するのではなく全部を並べて見たい人のために一ページにおさめられたものがこちらになります。

球の表面を二次元で表そうとした時の図法、こんなにたくさんあってそれぞれ名前がついているんですね。

顔をマップしてみるというのは、元々は、1921年に書かれた論文 “Elements of Map Projection”に描かれていたものが初出だそうです。100年近く前ですから、この時のプロットは当然手書きでしょうね。

geojson形式のデータを用意すれば、別の絵についても簡単に同様のプロジェクションが作れます。さまざまな図法の違いの体感もできるし、架空の世界の地図で、真東がどこになるか、等距離の場所はどこになるか、等を考えるのに使えたりするかもしれません。

[追記 2023-01] サイトが不通になっていました。ソースコードはまだアクセスできますが、動くかどうかわからないですね。

同様の国と国のサイズを比較する他のサービスをいくつか探しました。

単純なアイデアですが、比較したい国の選びかたや世界地図上の見せ方などで違いが出せるものですね。

[追記おわり]

Is Africa bigger than North America (アフリカは北米より大きい?)は、世界地図上の好きな2点を自由に重ね合わせて、国や大陸の大きさを簡単に比較できるweb上のツールです。

左側の二つの地球をマウスで回して、比べたい2地点を決めると、右側で二つの地図が重なって見えます。

(マダガスカル島と日本)

よく使われるメルカトル図法の世界地図では、南北の極地に近づくほど地図上の面積が実際の面積より大きく見えてしまいます。グリーンランドやカナダが大きく見えたり、アフリカが小さく見えたりするので、メルカトル図法の地図に慣れていると直感的には国や大陸の大きさ比較がうまくできません。

地球全体を一度に描こうとしなければ面積のずれは発生しにくくなるわけで、表示できる縮尺を限定して好きな位置を中心に2枚の地図をオーバーレイすることで、大きさの比較だけをやりやすくしています。

D3.jsを使ったソースコードも公開されています。