News for the ‘infographics’ Category

A brief history of infographics.

Welcome back!
#uppingyourgame: an educator's guide to productivity is now up to v0.4!
(I'm looking for people to translate it into other languages when finished - if you're interested get in touch!)

I recently picked up the classic Designing Infographics: Theory, creative techniques & practical solutions by Eric K. Meyer for an absolute song. Published in 1997, the ‘practical solutions’ part is dated, but the theory and techniques section is as relevant as every. What really interested me was the opening section on the history of infographics, some of which I’d like to share with you.

If heiroglyphics count as infographics, then of course they are around 5,000 years old. Sumerian ‘letters’ were combined with pictures to explain concepts, provide explanations and tell stories. A little more recently in the western world, graphics have been used to represent quantitative data. One of the first examples of this is Nicole d’Orseme (1352-82), Bishop of Lisieux, who combined figures into groups and graphed them. Leonardo da Vinci was fond of mixing graphics and text, especially in his Treatise on Painting.

Modern infographics can be traced to William Playfair’s ‘information graphics’ for The Commercial & Political Atlas, published in 1786 and containing 44 graphics (mostly line, ‘fever’ or bar charts). Subsequently, Otto Neurath (1882-1945), a sociologist, developed the ‘Vienna method’. This stressed the importance of simple images to explain data. Neurath documented everything in graphic form that he researched statistically,  founding the ‘Isotype’ movement (International System of Typographic Picture Education) – an attempt at a world language without words. This, coupled with Modernism, had ‘a profound impact on graphics and design world-wide’. The London Underground map is a product of this movement:

The USA took longer to start using infographics, with the early adopters being Fortune magazine, the Chicago Tribune and the New York Times (the latter now being a leader in the field). Researchers Turnbull and Baird in 1962 realised the importance of infographics – in a world before the internet, 24-hour news and cable television:

Tests have proven that material of the same content has been received, read and acted upon in one form, but discarded in another. These examples, coupled with the knowledge that every reader is offered much more than he can ever assimilate, assert that graphic techniques are too important to be ignored.

By 1981 other newspapers were using infographics but it was the launch of USA Today in 1982 and its commitment to using graphics every day that started the real trend. Some of these, however (the types of bread – white, wheat or rye – preferred by members of Congress) were merely filler. In Germany, Der Spiegel had been experimenting with more artistic infographics since the mid-1950s.

The dawn of computers had a massive effect on infographics. ‘Desktop publishing’ became more than just a casual phrase when desktop computers, partnered with the first laser printers, led to reductions in newspaper department workloads by 15-20 hours per week. This freed up time to experiment with infographics. With programs available for the Apple Mac such as MacDraw, newspapers no longer required skilled artists laboriously hand-drawing each infographic.

As the processing power of computers grew, so did their ability to represent complex data in a visually-appealing way. In 1990, research carried out by the Gallup Organization showed that graphic elements possessed greater power than originally thought. They used computerized headgear to record what readers saw on a page, noticing that visual elements received a great deal of attention. Follow-up studies confirmed this and that readers were left with more memorable impressions than when presented with words only.

The dawn of the internet has led to an explosion in interest and use of infographics. Many and diverse software packages and web applications are available to represent your data visually. If you’re interested, try the following three:

Posted: March 13th, 2010
Categories: infographics
Tags: , , , , , , ,
Comments: View Comments.

Exam performance of looked-after children in England [infographic]

This story pretty much tells itself. We. Need. To. Do. Better.*

Performance of children in England in KS1 SATs

Performance of children in England in KS2 SATs

Performance of children in England in KS3 SATs

Performance of children in England at GCSE level

* For the benefit of those not in England:

To get any kind of decent job, young people would normally require 5 ‘good’ GCSEs (i.e. A*-C)

Definition of ‘looked-after’ (City of Westminster):

The term ‘looked after’ was introduced by the Children Act 1989 and refers to children who are subject to care orders and those who are voluntarily accommodated. Wherever possible, the local authority will work in partnership with parents. Many children and young people who become looked after retain strong links with their families and many eventually return home.

Blog post popularity as a treemap [infographic]

One of the best way to learn new things is through imitation.

  • Learning to play an instrument? Copy what your teacher does!
  • Learning to paint? Try painting in the style of a famous artist.
  • Learning to dance? Watch some videos on YouTube and attempt to replicate it in the comfort of your home.

That’s why, as I’m trying to become better at infographics, I really appreciate Nathan Yau’s guides over at FlowingData.com. Recently he had a great guide on how to create a ‘treemap’. I used slightly different variables (blog title, category, visitor time per post) and ended up with the following:

It was a fairly straightforward process:

  1. Export CSV from Google Analytics
  2. Select and tidy up data
  3. Fire up R and follow Nathan’s guide
  4. Tidy up in graphics program

***BONUS*** I knew this reminded me of something! Check out JDiskReport to visualize what’s on your hard drive in treemap format! :-D

Posted: February 20th, 2010
Categories: infographics
Tags: , , , ,
Comments: View Comments.

Google Buzz is not a Twitter-killer.

Google Buzz vs. FriendFeed

This is what’s really going on. And I think Google’s only grudgingly pulling in Flickr and Twitter streams. They’d much rather you used Picasa and Google Chat. :-p

Posted: February 13th, 2010
Categories: Technology, infographics
Tags: , , , ,
Comments: View Comments.

Worldwide car colour popularity [infographic]

Most popular car colours 2009

I admit it: I knocked this up quickly after spending an age in my local garage yesterday waiting for my wife’s car to be fixed. Every car seemed to be silver, black or white, which got me thinking…

[Source]

Posted: February 6th, 2010
Categories: infographics
Tags: , , , , ,
Comments: View Comments.

GCSE results by location/ethnicity [visualization]

The consistently helpful Nathan Yau at FlowingData posted a brief tutorial this week on how to make heatmaps quickly. I had a play given that the UK government launched the surprisingly useful and well thought-out data.gov.uk recently!

Here’s what I came up with:

Proportion of students gaining 5 or more  A*-C GCSE grades in England, 2006-9

(yes, I too was surprised that the North East leads the way in number of students gaining 5 or more A*-Cs!) :-p

Posted: January 23rd, 2010
Categories: infographics
Tags: , , , , , ,
Comments: View Comments.

My visual resumé [infographic]

Inspired by the wonderful infographic-style resumés of graphic designers on display at FastCompany and Cool Infographics, I decided to have a go at my own. For best results, click through to view it full-size! :-p

Doug Belshaw's visual resumé

Before you ask, I used Keynote, part of iWork 09. It’s a wonderful drawing package! :-D

Posted: January 16th, 2010
Categories: infographics
Tags: , ,
Comments: View Comments.

The difference between visualizations and infographics.

All that glitters is not gold, and not everything that looks pretty is an infographic. For example here’s a visualization of my recent connections on Twitter using mentionmap:

(click to enlarge)

This looks good but isn’t very really very revealing. I’m well aware that I’ve been tweeting about tomorrow’s EdTechRoundUp TeachMeet (#TMETRU09) and with the people featured in orange. That’s why this is a visualization. It’s a pretty rendition of stuff I already knew.

TweetStats, however, produces something more revelatory:

(click to enlarge)

We’ll ignore the fact that the service has mis-reported early 2009. ;-)

What’s interesting is that this reveals something. It shows when I tend to tweet, how often I’ve done so in various months. There are other graphs beside these that give other interesting details.

Herein lies the difference between visualizations (uses non-numerical, qualitative stuff to represent something already known) and infographics (uses quantitative data to show or reveal something new).

Wikipedia:

(inspired by posts at FlowingData & information aesthetics)

My first infographic competition.

Flowing Data competition - US class sizes vs. SAT (v2)

(click on infographic to enlarge)

I’ve come across a wealth of fantastic infographics blogs recently. One of the best, and which has a community element is Flowing Data maintained by Nathan Yau, an UCLA PhD candidate. Nathan runs regular Visualize This competitions, the latest of which (closes 24 November 2009) compares teacher/student ratio with SAT scores by State.

The hardest bit, I’ve found, of creating an infographic is (perhaps obviously) working out how to visualize the data in a meaningful way. The problem with the raw data presented in this competition was that there were 3 SAT scores (reading, maths, writing) and that a meaningful correlation would assume an inverse relationship between this and teacher/student ratio.

In other words I had to figure out a way of plotting something increasing whilst the other decreased.

After a bit of playing around fruitlessly, I settled on the infographic at the top of this post. I’ve a few days left to change it a bit if necessary, but I think that it does, on the whole, do what’s required of it.

I’m never going to win the competition (a copy of David McCandless’ The Visual Miscellaneum) but, like entering a half-marathon or a 5k to focus your running routine, it’s still worth doing! :-D

Posted: November 19th, 2009
Categories: infographics
Tags: , , , , ,
Comments: View Comments.

Powered by WordPress
Visitor graph
uncopyrighted