<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>図法 on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E5%9B%B3%E6%B3%95/</link>
		<description>Recent content in 図法 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 13 Oct 2017 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E5%9B%B3%E6%B3%95/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>人間の顔を、世界地図の「図法」で表すとこうなる、というコード</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/</link>
				<pubDate>Fri, 13 Oct 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://bl.ocks.org/awoodruff/9216081&#34;&gt;Projection face!&lt;/a&gt; は、人間の顔を世界地図の上に描いて、図法を変えたらどう歪んで見えるか、というのを見せてくれるウェブサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_4494339220a11b53.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_82c0726763c08895.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_68510da1a8df4dbc.webp 983w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator.png&#34; width=&#34;983&#34; height=&#34;577&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;図法というのは、メルカトルとかモルワイデとかいうアレですね。代表的なものは社会科で習ったと思います。&lt;/p&gt;&#xA;&lt;p&gt;D3.js を使って63もの図法で表示してくれますが、&lt;a href=&#34;http://bl.ocks.org/awoodruff/9216081&#34;&gt;ソースコード&lt;/a&gt;も公開されています。&lt;/p&gt;&#xA;&lt;p&gt;一個ずつ選択するのではなく全部を並べて見たい人のために一ページにおさめられたものが&lt;a href=&#34;http://bl.ocks.org/vlandham/raw/9216751/&#34;&gt;こちら&lt;/a&gt;になります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://bl.ocks.org/vlandham/raw/9216751/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples_hu_dca98df5b49ae39f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples_hu_65ae5feaebc3cfc3.webp 738w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples.png&#34; width=&#34;738&#34; height=&#34;764&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;球の表面を二次元で表そうとした時の図法、こんなにたくさんあってそれぞれ名前がついているんですね。&lt;/p&gt;&#xA;&lt;p&gt;顔をマップしてみるというのは、元々は、&lt;a href=&#34;https://archive.org/stream/cu31924003898271#page/n1/mode/1up&#34;&gt;1921年に書かれた論文 &amp;ldquo;Elements of Map Projection&amp;rdquo;&lt;/a&gt;に描かれていたものが初出だそうです。100年近く前ですから、この時のプロットは当然手書きでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921_hu_ee1986b9fe27a056.webp 473w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921.png&#34; width=&#34;473&#34; height=&#34;596&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;geojson形式のデータを用意すれば、別の絵についても簡単に同様のプロジェクションが作れます。さまざまな図法の違いの体感もできるし、架空の世界の地図で、真東がどこになるか、等距離の場所はどこになるか、等を考えるのに使えたりするかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://flowingdata.com/2014/01/13/map-projections-illustrated-with-a-face/&#34;&gt;FlowingData&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
