<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visualmotive Blog &#187; map</title>
	<atom:link href="http://blog.visualmotive.com/tags/map/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.visualmotive.com</link>
	<description>Thoughts on maps and visualization</description>
	<lastBuildDate>Fri, 09 Sep 2011 18:18:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>The Ebstorf Mappamundi &#8211; map of the 13th c. Christian World</title>
		<link>http://blog.visualmotive.com/2009/ebstorf-mappamundi/</link>
		<comments>http://blog.visualmotive.com/2009/ebstorf-mappamundi/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 19:04:04 +0000</pubDate>
		<dc:creator>Chris Mueller</dc:creator>
				<category><![CDATA[Maps]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[medieval map]]></category>

		<guid isPermaLink="false">http://blog.visualmotive.com/?p=225</guid>
		<description><![CDATA[<a href="http://blog.visualmotive.com/2009/ebstorf-mappamundi/"><img align="left" hspace="5" width="150" src="http://blog.visualmotive.com/wp-content/uploads/2009/09/ebstorfer-mappamundi-640x639.jpg" class="alignleft wp-post-image tfe" alt="The Ebstorfer mappamundi, map of the Christian World in the 13th century overlaid with an image of Christ. (click for high resolution)" title="ebstorfer-mappamundi" /></a>The Ebstorf <em>mappamundi</em> was drawn in 13th century Saxony and depicts the Christian worldview within the body of a crucified Christ. The map illustrates both the "known world" as well as significant landmarks and points of interest for the curious pilgrim.]]></description>
			<content:encoded><![CDATA[<div id="attachment_230" class="wp-caption alignnone" style="width: 650px"><a href="http://blog.visualmotive.com/wp-content/uploads/2009/09/ebstorfer-mappamundi.jpg"><img class="size-medium wp-image-230" title="ebstorfer-mappamundi" src="http://blog.visualmotive.com/wp-content/uploads/2009/09/ebstorfer-mappamundi-640x639.jpg" alt="The Ebstorfer mappamundi, map of the Christian World in the 13th century overlaid with an image of Christ. (click for high resolution)" width="640" height="639" /></a><p class="wp-caption-text">The Ebstorfer mappamundi, map of the Christian World in the 13th century overlaid with an image of Christ. (click for high resolution)</p></div>
<p>The Ebstorf <em>mappamundi</em> was drawn in 13th century Saxony and depicts the Christian worldview within the body of a crucified Christ. The map illustrates both the &#8220;known world&#8221; as well as significant landmarks and points of interest for the curious pilgrim.</p>
<p>Christ&#8217;s head is in the East, at the top of the map, the direction of Paradise. His hands mark the northern and southern limits of the known world, and his feet are at Gibraltar where the Mediterranean meets the Atlantic. In the middle of the map we see Jerusalem, the spiritual center of Christendom, located at Christ&#8217;s navel. Europe is in the bottom left quadrant of the map, Africa in the bottom right, and Asia dominates the upper half.</p>
<p>In the East, near Christ&#8217;s head, is the Garden of Eden surrounded by mountains. Just west are the Chinese (note the two figures bent to gather silk) and the Indians. In the Indus Valley we see opium eaters, people who stare at the sun all day (gymnosophists), as well as that strange tribe who subsists only on the scent of apples. Alexander the Great is consulting the Oracle of the Sun and the Moon.</p>
<div id="attachment_231" class="wp-caption alignnone" style="width: 650px"><a href="http://blog.visualmotive.com/wp-content/uploads/2009/09/ebstorfer_zoom_india_sinai.jpg"><img class="size-medium wp-image-231" title="ebstorfer_zoom_india_sinai" src="http://blog.visualmotive.com/wp-content/uploads/2009/09/ebstorfer_zoom_india_sinai-640x250.jpg" alt="Details from the Ebstorfer Mappamundi. Left: Places in India, including Alexander the Great consulting the Oracle, the Opium Eaters in their poppy field, and a gymnosophist staring at the sun. Right: Mt. Sinai (oriented sideways), and Sodom and Gommorah covered by the Dead Sea.  " width="640" height="250" /></a><p class="wp-caption-text">Details from the Ebstorfer Mappamundi. Left: Places in India, including Alexander the Great consulting the Oracle, the Opium Eaters in their poppy field, and a gymnosophist staring at the sun. Right: Mt. Sinai (oriented sideways), and Sodom and Gommorah covered by the Dead Sea.  </p></div>
<p>At the center of the map, near the all-important Jersulaem, we can find the Tower of Babel, Bethlehem (marked with the Star of David), Sodom and Gomorrah, and Mt. Sinai.</p>
<p>Africa and northern Asia both are hinterlands illustrated with mythical creatures and legends. In Africa, a tribe of dwarfs rides crocodiles. In Asia, two Amazonian women guard their citadel.</p>
<p>Maps such as this may explain much of the surprise 15th and 16th century explorers felt as they sailed to the Americas and around the Cape of Good Hope. Africa was much bigger than this map indicates, and the invisible Americas were very much in the way of a direct sea route to India. We know that the ancient Greeks had discovered that the world was round, and circa 1400 AD Ptolemy had produced an accurate map of Europe and Asia based on a spherical Earth. But the Ebstorf map follows the Roman tradition of placing landmarks in relative positions, maintaining basic order and structure but not following rules for measurements or Cartesian accuracy. And the <a href="http://en.wikipedia.org/wiki/T_and_O_map" target="_blank">T-O structure</a> of this map—the base of the T was the Mediterranean, the cross was at Jersualem; the O formed the surrounding oceans—was an idealized depiction of the world that was all too common in the late medieval era.</p>
<p>Despite its shortcomings as a navigational aid, the Ebstorf mappamundi is a beautiful map. It is both a sacred object glorifying the Body of Christ and also a tourist map of the strange and wonderful places that formed the background of medieval storytelling.</p>
<p>References:</p>
<ul>
<li><a href="http://books.google.com/books?id=W34-yRa8ksUC&amp;dq=art+and+cartography&amp;printsec=frontcover&amp;source=bn&amp;hl=en&amp;ei=jMC7Ss5Bk7GUB625kagN&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=4#v=onepage&amp;q=&amp;f=false" target="_blank">Art and Cartography</a> by David Woodward</li>
<li><a href="http://www.henry-davis.com/MAPS/EMwebpages/224mono.html" target="_blank">The Ebstorf Mappamundi</a> by J. Siebold</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.visualmotive.com/2009/ebstorf-mappamundi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Area Scaled Map from 1930 &#8211; Markets are People</title>
		<link>http://blog.visualmotive.com/2009/area-scaled-map-from-1930-markets-are-people/</link>
		<comments>http://blog.visualmotive.com/2009/area-scaled-map-from-1930-markets-are-people/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 10:00:31 +0000</pubDate>
		<dc:creator>Chris Mueller</dc:creator>
				<category><![CDATA[Maps]]></category>
		<category><![CDATA[map]]></category>

		<guid isPermaLink="false">http://blog.visualmotive.com/?p=219</guid>
		<description><![CDATA[<a href="http://blog.visualmotive.com/2009/area-scaled-map-from-1930-markets-are-people/"><img align="left" hspace="5" width="150" height="150" src="http://blog.visualmotive.com/wp-content/uploads/2009/09/markest_are_people-150x150.jpg" class="alignleft wp-post-image tfe" alt="Markets are People, published 1930 by Printer" title="markest_are_people" /></a>"Markets are People" is a beautifully drawn map. It uses area-distortion to show population at <em>both</em> the state and city level. This is the first map we have seen that uses the area-distortion method at two resolutions. The effect is visually accurate, highly readable, and offers deeper insight into the data than similar maps that offer only one level of detail.]]></description>
			<content:encoded><![CDATA[<div id="attachment_220" class="wp-caption alignnone" style="width: 650px"><a href="http://blog.visualmotive.com/wp-content/uploads/2009/09/markest_are_people.jpg"><img class="size-medium wp-image-220" title="markest_are_people" src="http://blog.visualmotive.com/wp-content/uploads/2009/09/markest_are_people-640x436.jpg" alt="Markets are People, published 1930 by Printer's Ink" width="640" height="436" /></a><p class="wp-caption-text">Markets are People, published 1930 by Printer&#39;s Ink</p></div>
<p>&#8220;Markets are People&#8221; is a beautifully drawn map. It uses area-distortion to show population at <em>both</em> the state and city level. This is the first map we have seen that uses the area-distortion method at two resolutions. The effect is visually accurate, highly readable, and offers deeper insight into the data than similar maps that offer only one level of detail. (For comparison, look at <a href="http://en.wikipedia.org/wiki/Cartogram">modern cartograms</a> on Wikipedia.)</p>
<p>Notice how easy it is, for example, to estimate the percentage of urban population in any given state: Illinois is about 50% urban. Relative sizes of cities are also easy to estimate.</p>
<p>This map was found in <em>Graphic Presentation</em>, published in 1939 by Willard C. Brinton, p. 242. The caption under the map reads:</p>
<blockquote><p>Printer&#8217;s Ink Publishing Co., Inc. Chart by Walter P. Burns and Associates, Inc. New York City.</p>
<p><em>A Distorted Map of the United States Showing Population of Each State and Cities of 50,000 or More in 1930. </em></p>
<p>The presentation of cities whose areas are proportional to their population is the outstanding feature of this map.</p></blockquote>
<p>The entirety of <em>Graphic Presentation</em> is worth exploring. It covers a full range of topics from color theory to line graphs and &#8220;quantitative cartoons&#8221;. The book is out of print, but we found a wonderful leather-bound copy at the university library. A <a href="http://www.archive.org/details/graphicpresentat00brinrich">PDF of the full text</a> is also available.</p>
<p>Thanks to <a href="http://www.datavisualization.ch/showcases/graphic-presentation-by-willard-cope-brinton">Datavisualization.ch</a> and <a href="http://flowingdata.com/2009/09/11/vintage-infographics-from-the-1930s/">Flowing Data</a> for pointing us to this book.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.visualmotive.com/2009/area-scaled-map-from-1930-markets-are-people/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automatic Generation of Transit Maps</title>
		<link>http://blog.visualmotive.com/2009/automatic-generation-of-transit-maps/</link>
		<comments>http://blog.visualmotive.com/2009/automatic-generation-of-transit-maps/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 14:00:03 +0000</pubDate>
		<dc:creator>Chris Mueller</dc:creator>
				<category><![CDATA[Maps]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[subway]]></category>

		<guid isPermaLink="false">http://blog.visualmotive.com/?p=54</guid>
		<description><![CDATA[<a href="http://blog.visualmotive.com/2009/automatic-generation-of-transit-maps/"><img align="left" hspace="5" width="150" height="150" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/london_metro_1874-150x150.jpg" class="alignleft wp-post-image tfe" alt="London trains and metro map, 1874" title="london_metro_1874" /></a>Jonathan Stott&#8217;s thesis Automatic Layout of Metro Maps Using Multicriteria Optimisation (PDF) is a comprehensive look at the state-of-the-art of automatic transit map generation. The premise: start with a geographic map of subway or transit stations and lines, then convert this map into an abstract yet informative representation of the transit system akin to those [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_57" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-57" title="london_metro_1874" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/london_metro_1874-640x378.jpg" alt="London trains and metro map, 1874" width="640" height="378" /><p class="wp-caption-text">London trains and metro map, 1874</p></div>
<p>Jonathan Stott&#8217;s thesis <em>Automatic Layout of Metro Maps Using Multicriteria Optimisation </em>(<a href="http://www.jstott.me.uk/thesis/thesis-final.pdf">PDF</a>) is a comprehensive look at the state-of-the-art of automatic transit map generation. The premise: start with a geographic map of subway or transit stations and lines, then convert this map into an abstract yet informative representation of the transit system akin to those standard transit maps found in the world&#8217;s major cities. My aim in this post will be to provide a brief summary of Stott&#8217;s thesis.</p>
<h3>Aesthetics of the transit map</h3>
<p>Transit maps have existed for centuries. From their genesis, these maps have expressed a tendency towards simplicity—perhaps encouraging customers to visions of quick and simple travel in an age when trains and ferries were still novelties and their complexity not yet understood. The 1874 London trains map removes much of the city clutter for the sake of a simple, almost playful, representation of rail lines and stations (see above).<span id="more-54"></span></p>
<p>But the classic example in this space is Harry Beck&#8217;s 1933 map of the London Underground. Previous maps of the London Underground had maintained high geographic accuracy for line and terminal position. Beck&#8217;s landmark map codified rules for an abstract map: building from an inflexible grid independent of geography, adjusting the map&#8217;s scale to account for discrepencies in station density, and aligning transit lines along regular horizontal, vertical, or 45-degree angles. This codification produced a highly-readable diagrammatic map whose influence is strongly felt to the present day.</p>
<div id="attachment_58" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-58" title="underground_1" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/underground_1-640x553.jpg" alt="London Underground Map by Fred Stingemore, 1928" width="640" height="553" /><p class="wp-caption-text">London Underground Map by Fred Stingemore, 1928</p></div>
<div id="attachment_59" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-59" title="underground_beck" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/underground_beck-640x437.jpg" alt="Harry Beck's classic 1933 London Underground map" width="640" height="437" /><p class="wp-caption-text">Harry Beck&#39;s classic 1933 London Underground map</p></div>
<p>Altogether, we might create the following list of guidelines for generating a stylized, diagrammatic transit map:</p>
<ul>
<li><strong>Angle/shape generalization</strong> – Line segments should be restricted to vertical, horizontal, and 45-degree angles, and shapes should be made regular where possible.</li>
<li><strong>Scale generalization</strong> – The scale of the map should be compressed in sparse areas and expanded in dense areas to maintain readability.</li>
<li><strong>Color-coded lines</strong> – Separate transit lines should be colored with separate, distinguishable colors.</li>
<li><strong>Intelligent labels</strong><em> </em>– Sans-serif font, proper capitalization, and a predominately horizontal orientation.</li>
<li><strong>Topographic metadata</strong> – Large rivers, parks, or coastlines should appear as background elements to provide context for the map.</li>
<li><strong>Stations as symbols</strong> – Continuity of symbol should be used for individual stations. Dots, hashes, or circles are all suitable. Transfer points between lines should be clearly indicated, usually with a symbol that stretches to touch all the relevant lines.</li>
</ul>
<p>Syott&#8217;s thesis is concerned with codifying these guidelines and writing software that will automatically generate transit maps given an arbitrary, geographic transit map.</p>
<h3>Hill-climbing</h3>
<p>A large portion of this thesis is dedicated to exploring and critiquing existing algorithms to automatically draw transit maps. Transit maps are but one example of a directed graph, that is, a set of nodes connected by a set of directed edges that each contain a weight (such as distance, or travel time). Since graphs are well-studied in the computer science literature, much of the research on visualizing graphs can also be used when visualizing transit maps.</p>
<div id="attachment_68" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-68" title="metrogrid" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/metrogrid-640x308.jpg" alt="The first step: Aligning nodes to the grid" width="640" height="308" /><p class="wp-caption-text">The first step: Aligning nodes to the grid</p></div>
<p>Stott&#8217;s basic approach is to define a set of criteria for what might be considered a <em>good</em> transit map (as we have outlined above), and then use a hill-climbing algorithm to find an optimal visualization. He breaks the visualization strategy into multiple stages, starting with grid alignment and finishing with label placement.</p>
<p>At each phase, software &#8220;guesses&#8221; what a <em>good</em> map might be, and subsequently an evaluation function is run on the resulting map. If the current guess is better than the previous guess, then the software uses the current guess as the basis from which to generate its next guess. An optimal solution is reached when the algorithm has achieved a high score that other guesses are unable to best—that is to say, the algorithm will have reached the peak of the hill.</p>
<p>A full overview of this algorithm is beyond the scope of this review, but can be found in section 3 of the thesis.</p>
<h3>Engaging tourists and travelers</h3>
<p>Stott tests his computer-generated maps (a wide variety of city transit maps were used) by having individuals compare his maps with both their geographic and official counterparts. The results are mostly positive. Travelers find the diagrammatic maps on the whole to be better than their geographically-oriented counterparts. Computer generated maps tend to score against official maps, and many in fact preferred Stott&#8217;s maps to the official ones. The automatically-generated maps rate especially well when travelers were asked to estimate an optimal route from one place to another within a transit system.</p>
<div id="attachment_62" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-62" title="dc_metro_geo" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/dc_metro_geo-640x531.jpg" alt="Geographically accurate map of the DC Metro" width="640" height="531" /><p class="wp-caption-text">Geographically accurate map of the DC Metro</p></div>
<div id="attachment_63" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-63" title="dc_metro_official" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/dc_metro_official-640x707.jpg" alt="Official DC Metro map" width="640" height="707" /><p class="wp-caption-text">Official DC Metro map</p></div>
<div id="attachment_64" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-64" title="dc_metro_scott" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/dc_metro_scott-640x715.jpg" alt="Stott's automatically-generated DC Metro map" width="640" height="715" /><p class="wp-caption-text">Stott&#39;s automatically-generated DC Metro map</p></div>
<p>Our evaluation: Stott&#8217;s DC Metro map is in many ways a better map than Metro&#8217;s official version. Stott&#8217;s map possesses greater resemblance to actual geography. The transfer stations and lines in central DC, especially around Metro Center and Federal Triangle are greatly distorted on the official map, whereas Stott&#8217;s version better captures the geographic relationships of these stations and their neighbors. Having lived in DC for some time, we are well acquainted with the scattering of downtown stations (many with multiple entrances), and Stott&#8217;s map neatly captures a lot of what we know from personal experience.</p>
<p>Stott&#8217;s maps are far from perfect, but are easily classified as good starting points that have massive head-starts on the traditional approach. In the case of the DC map, the adjustments might be simple: a green swath for Rock Creek Park, blue lines for the Potomac and Anacostia Rivers, adjustments to line weight, and perhaps label font and alignment.</p>
<h3>Repurposing the transit map metaphor</h3>
<p>As we briefly explored in our <a href="http://blog.visualmotive.com/2009/subway-map-of-the-web/">last post</a> that described a stylized subway map of the web, a transit map metaphor is potentially useful in any number of network visualization or graph visualization tasks. Stott summarizes some examples of transit map visualizations.</p>
<div id="attachment_69" class="wp-caption alignnone" style="width: 650px"><img class="size-medium wp-image-69" title="subway_cancer_map" src="http://blog.visualmotive.com/wp-content/uploads/2009/03/subway_cancer_map-640x563.jpg" alt="Visualizing cancer pathways (Hahn and Weisberg, designed by Claudia Bentley)" width="640" height="563" /><p class="wp-caption-text">Visualizing cancer pathways (Hahn and Weisberg, designed by Claudia Bentley)</p></div>
<p>In one example, a &#8220;trains of thought&#8221; metaphor demonstrates logical strands of argument woven through the author&#8217;s PhD thesis. Another example shows the route of a project plan from start to finish, highlighting intersections where key components need to be brought together. The most striking visualization is a map of cancer pathways (above).</p>
<h3>Resources</h3>
<ul>
<li>Download Jonathan Stott&#8217;s <a href="http://www.jstott.me.uk/thesis/thesis-final.pdf">complete thesis</a> (PDF, 366 pages. Oct 2008).</li>
<li><a href="http://www.37signals.com/svn/posts/396-helpful-distortion-at-nyc-london-subway-maps">Helpful distortion at NYC and London subway maps</a> at 37Signals</li>
<li><a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00005W&amp;topic_id=1">Edward Tufte on the London Underground map</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.visualmotive.com/2009/automatic-generation-of-transit-maps/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

