<?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"
	>

<channel>
	<title>test</title>
	<atom:link href="http://www.cartogrammar.com/wordpress/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.cartogrammar.com/wordpress</link>
	<description></description>
	<pubDate>Tue, 03 Jun 2008 03:49:51 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Lines or whatever</title>
		<link>http://www.cartogrammar.com/wordpress/?p=3</link>
		<comments>http://www.cartogrammar.com/wordpress/?p=3#comments</comments>
		<pubDate>Tue, 03 Jun 2008 03:49:51 +0000</pubDate>
		<dc:creator>awoodruff</dc:creator>
		
		<category><![CDATA[Code]]></category>

		<category><![CDATA[pooch]]></category>

		<guid isPermaLink="false">http://www.cartogrammar.com/wordpress/?p=3</guid>
		<description><![CDATA[Drawing in Flash dynamically with ActionScript is a jolly fun time, but when doing so one of course lacks some of the finer controls of drawing the graphics manually in the Flash authoring environment.  One such deficiency is dashed lines, so a while back I made a simple DashedLine class in AS3 to use [...]]]></description>
			<content:encoded><![CDATA[<p>Drawing in Flash dynamically with ActionScript is a jolly fun time, but when doing so one of course lacks some of the finer controls of drawing the graphics manually in the Flash authoring environment.  One such deficiency is dashed lines, so a while back I made a simple DashedLine class in AS3 to use here and there in my projects.</p>
<p>It&#8217;s basically a Sprite that has simple drawing methods with dashed lines. Just make a new instance, providing the line width, color, and an array of alternating dash and gap lengths (in pixels).  Then call <code>moveTo()</code> and <code>lineTo()</code> methods directly on the Sprite, not its <code>graphics</code> property.  (You can also do <code>beginFill()</code> if you want.) For example:</p>
<div style="position:relative; left: 30px;margin-top:25px;margin-bottom:25px;">
<p><img style="float: right;" src="http://www.cartogrammar.com/images/dashedTriangle.jpg" alt="Dashed line triangle" width="214" height="109" /><code>var dashy:DashedLine = new DashedLine(1,0x339933,new Array(8,4,2,4));<br />
dashy.moveTo(200,100);<br />
dashy.lineTo(300,200);<br />
dashy.lineTo(100,200);<br />
dashy.lineTo(200,100);<br />
addChild(dashy);</code></p>
</div>
<p>Try it out below!</p>

<object	type="application/x-shockwave-flash"
			data="http://www.cartogrammar.com/flash/dashTest.swf"
			width="400"
			height="200">
	<param name="movie" value="http://www.cartogrammar.com/flash/dashTest.swf" />
</object>
<p>This is by no means complete, as I&#8217;d like to add the rest of the usual drawing methods (curves are going to be tricky) and resolve the bugs that surely exist.  For now, though, download the <a href="http://www.cartogrammar.com/source/DashedLine.as">DashedLine class</a> as is; hopefully it&#8217;ll make sense through the basic comments I&#8217;ve included.</p>
<p><a href="http://www.cartogrammar.com/source/DashedLine.as">DashedLine.as</a><br/><a href="http://www.cartogrammar.com/source/dashTest.zip">dashTest.zip</a> (AS file plus the above demo FLA)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cartogrammar.com/wordpress/?feed=rss2&amp;p=3</wfw:commentRss>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://www.cartogrammar.com/wordpress/?p=1</link>
		<comments>http://www.cartogrammar.com/wordpress/?p=1#comments</comments>
		<pubDate>Fri, 25 Apr 2008 17:43:50 +0000</pubDate>
		<dc:creator>awoodruff</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[muggers]]></category>

		<category><![CDATA[muggin]]></category>

		<guid isPermaLink="false">http://www.cartogrammar.com/wordpress/?p=1</guid>
		<description><![CDATA[
Recently I was asked if I could whip up a small flier announcing the UW-Madison Department of Geography&#8217;s traditional party thrown on one night during the Association of American Geographers Annual Meeting (held last month in Boston).  I came up with the image at right: a map made entirely of type.  It was [...]]]></description>
			<content:encoded><![CDATA[<div style="min-height:255px;margin-top:15px;"><a href="http://www.cartogrammar.com/images/aag_party_large.jpg"><img class="alignright" style="border: 0pt none; float: right;" src="http://www.cartogrammar.com/images/aag_party.jpg" alt="Typographic Map" width="300" height="240" /></a>
<p>Recently I was asked if I could whip up a small flier announcing the UW-Madison Department of Geography&#8217;s traditional party thrown on one night during the Association of American Geographers Annual Meeting (held last month in Boston).  I came up with the image at right: a map made entirely of type.  It was a hit with the crowd and was easy to make.  I simply used Illustrator to trace lines over streets in a Google Maps screenshot, type on those paths, and add the extra type around the edges and in the background.</p>
<p>
There are many fun examples of art with typography out there, but type maps in particular are something that you don&#8217;t see often enough.  (I suppose, though, if it were more common it would lose some of its appeal.)   I&#8217;m sure there are more than I realize, but here are some examples I&#8217;ve managed to find:
</p>
</div>
<div style="height: 100px;background:#f2f2f2;margin:10px 0 20px 0;">
<a href="http://www.nbstudio.co.uk/londonskerning/index.html"><img src="http://www.cartogrammar.com/images/londonskerning.jpg" alt="London's Kerning" width="100" height="100" style="float: left; padding-right: 10px;"/></a><a href="http://www.nbstudio.co.uk/londonskerning/index.html">London&#8217;s Kerning</a> is a poster that made its rounds on the blogosphere not long ago.
</div>
<div style="height: 100px;background:#f2f2f2;margin-bottom:20px;">
<a href="http://orkposters.com/"><img src="http://www.cartogrammar.com/images/orkposter.jpg" alt="Ork Posters" width="100" height="100" style="float: left; padding-right: 10px;"/></a><a href="http://orkposters.com/">Ork Posters</a> have neighborhood maps of some cities in which the shapes of the neighborhoods are made up of type.
</div>
<div style="height: 100px;background:#f2f2f2;margin-bottom:20px;">
<a href="http://flickr.com/photos/markandrewwebber/sets/72157603892334695/"><img src="http://www.cartogrammar.com/images/linocut.jpg" alt="Linocut type map" width="100" height="100" style="float: left; padding-right: 10px;"/></a><a href="http://flickr.com/photos/markandrewwebber/sets/72157603892334695/">Mark Andrew Webber</a> is working on a series of linocut prints of typographic maps.
</div>
<div style="height: 100px;background:#f2f2f2;margin-bottom:20px;">
<a href="http://strangemaps.wordpress.com/2008/05/27/279-the-eurovision-text-map-2008/"><img src="http://www.cartogrammar.com/images/eurovision-textmap.jpg" alt="Eurovision" width="100" height="100" style="float: left; padding-right: 10px;"/></a>The Strange Maps blog links to a <a href="http://strangemaps.wordpress.com/2008/05/27/279-the-eurovision-text-map-2008/">text map of the Eurovision Song Contest result</a>.
</div>
<div style="height: 100px;background:#f2f2f2;margin-bottom:20px;">
<a href="http://www.coroflot.com/public/individual_file.asp?individual_id=116900&amp;portfolio_id=790277&amp;specialty=3&amp;sort_by=3&amp;c=1&amp;"><img src="http://www.cartogrammar.com/images/zubowicz.jpg" alt="Elena Zubowicz" width="100" height="100" style="float: left; padding-right: 10px;"/></a>I found a typographic map in the portfolio of <a href="http://www.coroflot.com/public/individual_file.asp?individual_id=116900&amp;portfolio_id=790277&amp;specialty=3&amp;sort_by=3&amp;c=1&amp;">Elena Zubowicz</a>, but unfortunately it&#8217;s difficult to see detail.
</div>
<div style="height: 100px;background:#f2f2f2;margin-bottom:20px;">
<a href="http://pichaus.com/p13x/world+typography"><img src="http://www.cartogrammar.com/images/world-map-typography.jpg" alt="World Map Typography" width="100" height="100" style="float: left; padding-right: 10px;"/></a>Finally, what appears to be a <a href="http://pichaus.com/p13x/world+typography">map of visited countries</a> not unlike the city neighborhood maps, in which words fill the country shapes. This is an interesting map in its own right, as it roughly preserves the shape of Eurasia despite leaving out many countries.
</div>
<p>Something on my to-do list of impossible dreams is to see if a basic typographic map could be produced programmatically by reading a shapefile or something. Keep an eye out; maybe something will come of the idea!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cartogrammar.com/wordpress/?feed=rss2&amp;p=1</wfw:commentRss>
		</item>
	</channel>
</rss>

