https://labs.cybozu.co.jp/blog/akky/tags/%E5%A4%A7%E9%99%B8/ Recent content in 大陸 on akky@サイボウズラボ・ブログ Hugo ja Wed, 08 Jul 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/ Wed, 08 Jul 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/ <p><a href="http://bl.ocks.org/zanarmstrong/raw/caa2da1ea1558cdc3357/">Is Africa bigger than North America (アフリカは北米より大きい?)</a>は、世界地図上の好きな2点を自由に重ね合わせて、国や大陸の大きさを簡単に比較できるweb上のツールです。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/compare-countries-on-globe-tool.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/compare-countries-on-globe-tool_hu_a8b416ab8d088272.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/compare-countries-on-globe-tool_hu_d530bab7aedd8129.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/compare-countries-on-globe-tool_hu_ad9368016229a799.webp 914w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/compare-countries-on-globe-tool.png" width="914" height="773" alt="compare-countries-on-globe-tool" loading="lazy" decoding="async"> </picture></a></p> <p>左側の二つの地球をマウスで回して、比べたい2地点を決めると、右側で二つの地図が重なって見えます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/madagascar-and-japan.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/madagascar-and-japan_hu_f576aafa4080b35e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/madagascar-and-japan_hu_215abb323a68d02a.webp 580w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/07/website-to-compare-two-countries-on-globe/madagascar-and-japan.png" width="580" height="579" alt="madagascar-and-japan" loading="lazy" decoding="async"> </picture></a> (マダガスカル島と日本)</p> <p>よく使われるメルカトル図法の世界地図では、南北の極地に近づくほど地図上の面積が実際の面積より大きく見えてしまいます。グリーンランドやカナダが大きく見えたり、アフリカが小さく見えたりするので、メルカトル図法の地図に慣れていると直感的には国や大陸の大きさ比較がうまくできません。</p> <p>地球全体を一度に描こうとしなければ面積のずれは発生しにくくなるわけで、表示できる縮尺を限定して好きな位置を中心に2枚の地図をオーバーレイすることで、大きさの比較だけをやりやすくしています。</p> <p>D3.jsを使ったソースコードも<a href="http://bl.ocks.org/zanarmstrong/caa2da1ea1558cdc3357">公開されています</a>。</p> <p>via <a href="http://flowingdata.com/2015/07/07/a-more-realistic-perspective-of-country-sizes/">Flowing Data</a></p>