Thoughts and adventures in maps, Flash, visualization, and anything in between

Lines or whatever

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.

It’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 moveTo() and lineTo() methods directly on the Sprite, not its graphics property. (You can also do beginFill() if you want.) For example:

Dashed line trianglevar dashy:DashedLine = new DashedLine(1,0x339933,new Array(8,4,2,4));
dashy.moveTo(200,100);
dashy.lineTo(300,200);
dashy.lineTo(100,200);
dashy.lineTo(200,100);
addChild(dashy);

Try it out below!

This is by no means complete, as I’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 DashedLine class as is; hopefully it’ll make sense through the basic comments I’ve included.

DashedLine.as
dashTest.zip (AS file plus the above demo FLA)

Tagged | No comments

Hello world!

Typographic Map

Recently I was asked if I could whip up a small flier announcing the UW-Madison Department of Geography’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.

There are many fun examples of art with typography out there, but type maps in particular are something that you don’t see often enough. (I suppose, though, if it were more common it would lose some of its appeal.) I’m sure there are more than I realize, but here are some examples I’ve managed to find:

London's KerningLondon’s Kerning is a poster that made its rounds on the blogosphere not long ago.
Ork PostersOrk Posters have neighborhood maps of some cities in which the shapes of the neighborhoods are made up of type.
Linocut type mapMark Andrew Webber is working on a series of linocut prints of typographic maps.
EurovisionThe Strange Maps blog links to a text map of the Eurovision Song Contest result.
Elena ZubowiczI found a typographic map in the portfolio of Elena Zubowicz, but unfortunately it’s difficult to see detail.
World Map TypographyFinally, what appears to be a map of visited countries 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.

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!

Tagged , | 3 comments