Graphic Design (general) Archive:

The entire text of books rendered as posters.

imageimage

flattr this!

Megan McArdle critques the content of several info-posters in an article over at The Atlantic". It’s sort of shooting fish in a barrel, considering the infogrpaphics she chose – but I give her props for taking the time to double check the data.

imageimageimageimage

image

flattr this!

Amusing examples of why you shouldn’t trust a lot of charts.  Thanks to Sam F. for sending me the link!

image

flattr this!

Based on a survey of 180 designers and creative professionals. This is a good reference for new tools to play with if you’re not happy with what you’re using now. The most glaring omission I see is Sugarsync for storage – it’s like Dropbox, but with greater flexibility. (via)

 image image

flattr this!

This is an interesting example because they really tried to have every part of the graphic convey information: color, size, and line type. (via The Big Picture)

image

If you look at the 2011 update of the report, you can see they have used a similar, but somewhat cleaner design. The labels are all clearer, and the use of a lighter background map and grey text improves the contrast considerably. Finally, I think using the color of the arrows instead of width for the value was a good call – as that’s easier for the eye to distinguish.

image

Unfortunately, I don’t know of any software that let’s you produce these quickly – you generally have to draw them by hand.

flattr this!

Over at Storytelling with Data, Cole provides a well written example of how to use preattentive attributes to make a better graphic. What the hell are “preattentive attributes”?

"Preattentive attributes" in the world of information visualization is a fancy descriptor for aspects of a visual that hit our iconic memory. Iconic memory is what happens in our brain before short term memory kicks in, before we even really know that we’re thinking. Iconic memory is tuned to pick up preattentive attributes: things like color, size, added marks, and spacial position (related Stephen Few article)

image

vs

image

This reminded me of some efforts on the education front to teach Graphicacy (Graphic literacy). While “graphicacy” is one of the dumber new words I’ve heard in a while, the concept is sound – the skill set of interpreting graphs. I have definitely witnessed people learning how to interpret new graph types, and it’s a fascinating process. The American Society for Innovation Design in Education (ASIDE) have done some interesting work on the subject if you want to look into it further:

image

flattr this!

This 2 minute video from Column Five is excellent.

flattr this!

Hehe. A step up from the usual info-poster, this graphic contains some sharp commentary on the corporate design process (and cereal).

image

flattr this!

Fairly stupid chart, but I love the design idea and implementation.

image

flattr this!

Stephen von Worley re-designed Velociraptor’s Crayola Crayon color chart into a rainbow:

 image

The radials make it much easier to see the most recent colors than in the original version:

image

He also tried several other shapes (below), and an interactive version. (via)

image

flattr this!

I’m posting this more because it’s an example of a well designed cartogram map, more than because of the content. (via)

image

flattr this!

As excellent article over at the Guardian about the rise of data journalism and what it takes to do it right.

image

flattr this!

A nice analogy:

image

flattr this!

There were so many of these last month I stopped looking at them – but this one is cute. Yes, I said cute. It’s an interactive flying timeline of protest milestones for 17 countries. Click on any of them to bring up a full Guardian article. They are also keeping it up to date (as of today, anyway).

image

flattr this!

The images were obviously chosen to be inflammatory – but the infographic is carefully constructed to do so in a serious way.

image

flattr this!



blog advertising
is good for you

What is Chart Porn?

An addictive collection of beautiful charts, graphs, maps, and interactive data visualization toys -- on topics from around the world.

  • Martin: Manager asks geek to document process. The longer the geek takes to document, the longer the geek ke [...]
  • Steve: Budgets aren't subject to the filibuster. http://en.wikipedia.org/wiki/Filibuster_in_the_United_S [...]
  • Nathan: Rogier, follow the link to NPR and you will read that education has been lumped in with "everything [...]
  • mims: Lol, the lazy man. I'd say the efficient woman. Or man. ;) [...]
  • lam: except, scott, when you consider that congress has to do somethings just to keep this country functi [...]