<?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>Webmonkey &#187; Stamen</title>
    <atom:link href="http://www.webmonkey.com/tag/stamen/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Fri, 05 Apr 2013 20:20:46 +0000</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <generator>http://wordpress.org/?v=3.4.2</generator>
    
    <item>
        <title>Beautiful Websites: Stamen&#8217;s Pretty Maps</title>
        <link>http://www.webmonkey.com/2010/08/beautiful-websites-stamens-pretty-maps/</link>
        <comments>http://www.webmonkey.com/2010/08/beautiful-websites-stamens-pretty-maps/#comments</comments>
        <pubDate>Thu, 19 Aug 2010 19:29:00 +0000</pubDate>

                <dc:creator>Michael Calore</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=48380</guid>
        		<category><![CDATA[Location]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[beautiful websites]]></category>
		<category><![CDATA[geodata]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[maps]]></category>
		<category><![CDATA[Stamen]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMapsParis.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMapsParis.jpg" alt="Beautiful Websites: Stamen&#8217;s Pretty Maps" /></div>We&#8217;ve seen some colorful map mashups in the past, like Hypercities and HeatMap, but few are as abstract and beautiful to look at as Stamen Design&#8217;s Pretty Maps. The aptly-named app pulls sets of geodata from various freely available open mapping projects and plots them atop one another. Pretty Maps grabs street-level data from OpenStreetMap [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/prettymaps1.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/prettymaps1.jpg" alt="" title="prettymaps1" /></a></p>
<p>We&#8217;ve seen some colorful map mashups in the past, like <a href="http://www.webmonkey.com/2009/05/historical_map_mashups_turn_cities_into_glass_onions_of_time/">Hypercities</a> and <a href="http://www.webmonkey.com/2008/07/heatmaps_make_map_mashups_a_little_hotter/">HeatMap</a>, but few are as abstract and beautiful to look at as Stamen Design&#8217;s <a href="http://prettymaps.stamen.com/201008/about/">Pretty Maps</a>.</p>
<p>The aptly-named app pulls sets of geodata from various freely available open mapping projects and plots them atop one another. Pretty Maps grabs street-level data from <a href="http://www.openstreetmap.org/">OpenStreetMap</a> (the &#8220;Wikipedia of maps&#8221;), land formation data from <a href="http://www.naturalearthdata.com/">Natural Earth</a> and place-name and place-shape data from <a href="http://www.webmonkey.com/2009/05/where_2dot0_drawing_the_shape_of_the_flickr-verse/">Flickr shapefiles</a> &#8212; Flickr&#8217;s outlines generated by the tags people have attached to photos taken in that place. So all the data is from crowdsourced databases and either public domain or licensed through the Creative Commons. The maps are generated using <a href="http://www.tilestache.org/">TileStache</a> and <a href="http://www.polymaps.org/">PolyMaps</a>, two open source tools developed in-house at Stamen. </p>
<p>The result is <a href="http://prettymaps.stamen.com/201008/#2.00/19.4/-103.1">a map</a> that&#8217;s not so much usable for navigation as it is pretty to look at. Cities degrade into abstract and unique blobs, with pastel colors overlaying one another. The shapes are alien looking in texture and density, but instantly recognizable if you&#8217;re already familiar with the terrain.<br />
<span id="more-48380"></span></p>
<p>Stamen Design is a small, San Francisco-based data visualization firm best known in its early days for its work with Digg. Stamen specializes in abstract, trippy geo-spatial data visualizations like <a href="http://stamen.com/projects/trace">Trace</a> and <a href="http://cabspotting.org/">Cabspotting</a>. The firm was also <a href="http://content.stamen.com/we_got_a_knight_news_grant">awarded a Knight News Grant</a> in June to visualize publicly-available civic data.</p>
<p>Pretty Maps is both pretty and pretty slow. The tiles take about ten seconds to render at the lower zoom levels. This is because the Stamen team hasn&#8217;t really optimized Pretty Maps for performance. The multiple data sets get pulled in separately and are layered inside your browser using JavaScript instead of being combined first and served as one, a conscious design choice: &#8220;We wanted to leave all the plumbing exposed so that people could look at it and learn from it and, hopefully, build something new,&#8221; Stamen says on its website.</p>
<p>So, there&#8217;s your invitation to View Source and start digging around. We can only hope the little Grover &#8220;Near, Far&#8221; zoom controls are part of the package.</p>
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMaps2.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMaps2.jpg" alt="" title="PrettyMaps2" /></a></p>
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMapsParis.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/PrettyMapsParis.jpg" alt="" title="PrettyMapsParis" /></a></p>
<p><strong>See also</strong></p>
<ul>
<li><a href="http://www.webmonkey.com/tag/beautiful-websites/">Other &#8220;Beautiful Websites&#8221;</a></li>
<li><a href="http://www.webmonkey.com/2010/08/microsoft-adds-openstreetmap-layer-to-bing-maps/">Microsoft Adds OpenStreetMap Layer to Bing Maps</a></li>
<li><a href="http://www.webmonkey.com/2009/09/flickr_brings_openstreetmap_to_the_photo_sharing_masses/">Where&#8217;d You Go Last Summer? Flickr Allows OpenStreetMap, FourSquare Geotags</a></li>
<li><a href="http://www.webmonkey.com/2009/05/historical_map_mashups_turn_cities_into_glass_onions_of_time/">Historical Map Mashups Turn Cities Into Glass Onions of Time</a></li>
<li><a href="http://www.webmonkey.com/2009/08/the_best_of_open_street_map/">OpenStreetMaps Project Takes Maps in a Different Direction</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/08/beautiful-websites-stamens-pretty-maps/feed/</wfw:commentRss>
        <slash:comments>1</slash:comments>

        
    </item>
    </channel>
</rss>