RSS feed for dougbelshaw.com/blog

News for the ‘infographics’ Category

Battery life: iPhone 3GS vs Google Nexus One vs HTC Desire

Welcome back!
Feel free to suggest topics for me to write about using the Suggestions? tab to the right or use Formspring to ask me random stuff. Check Doug's FAQ first!

It infuriates me when I want a quick visual representation to make an informed judgement; all I wanted to do was compare battery life of the 3 major smartphones. Having not found an at-a-glance version, here you go (and you’re welcome!) :-)

The question is, how much better (or worse!) is that than my current iPhone 3G? The latter is supposed to be capable of 3oo hours standby. Which is laughable, so take the above with a pinch of salt…

Links to the specs pages for each can be found below:

Posted: May 21st, 2010
Categories: Technology, infographics
Tags: , , , , , , , , ,
Comments: View Comments.

Why we need Proportional Representation [infographic]

For those who’ve been under a rock it was General Election time in the UK this week. The results were pretty much a slap in the face for all of the parties involved. What was clear was that, given the current system, no party really had a clear mandate from the electorate.

I didn’t actually see the great David McCandless’ effort until after I finished mine but we’re effectively showing the same story: the electoral system in the UK needs to be reformed. We need to move from a combative first-past-the-post system to a fairer system that promotes negotiation and compromise.

Proportional representation (PR), sometimes referred to as full representation, is a type of voting system aimed at securing a close match between the percentage of votes that groups of candidates obtain in elections, and the percentage of seats they receive (e.g., in legislative assemblies).

PR is often contrasted to plurality voting systems, such as those commonly used in the United States and (much of) the United Kingdom, where disproportional seat distribution results from the division of voters into multiple electoral districts, especially “winner takes all” plurality (“first-past-the-post” or FPTP) districts.

(Wikipedia)

Posted: May 8th, 2010
Categories: infographics
Tags: , , , , ,
Comments: View Comments.

Innovation: where it’s at.

One of the things I love about having a blog is that it’s a space to think things through. This is something I’ve been thinking about for a while and so needed to solidify my views by committing it to writing. :-)

Interest can get you a long way in life. If you’re interested in something it fires your curiosity and motivates you to do something about it.

  • People interested in photography tend to buy a decent camera and practice until they become better.
  • Those interested in collaborative technologies tend to use them with others and evangelise their use.
  • Individuals interested in endangered species are usually the ones found donating their money and volunteering.

That’s why interest leads to an increase in awareness and skill level. That, according to Seth Godin in Linchpin, makes you immensely valuable:

But.

The commonly-followed trajectory is from interest to a job/employment in that area. Which is great. What you need to make sure of, however, is that you don’t lose the relevant, up-to-date domain knowledge (green circle) in your trajectory to the right of the Venn diagram.

Good luck. :-D

Posted: May 1st, 2010
Categories: infographics
Tags: , , , , ,
Comments: View Comments.

My resumé as a London Underground map.

I’ve seen people use a tube map metaphor for their resumé (e.g. here and here) and always wanted to have a go. Here’s my first effort – what do you think? :-)

(click to enlarge)

I created it using Keynote 09. Feel free to download the file and create your own! :-p

Posted: April 24th, 2010
Categories: infographics
Tags: , , , ,
Comments: View Comments.

Education is easy – in theory! [visualization]

I can see now that it takes more than having passed through school as a student to understand the education system.* After all, it looks something like the diagram below, right?

Of course those who have worked in educational institutions know that the above is far from the truth. Instead of, for example, research being the bedrock of all that goes on, it is marginalized and distorted. The issues** along the lines linking the elements together show how it’s a messy picture – not in itself a bad thing – and it’s distorted by politics (which is a bad thing) :-p

* Not that you’d know that from talking to your average member of the general public! ;-)

** N.B. The reason I didn’t add ‘time’ as a factor in the second diagram is because, as I’ve said to a few people this week, time itself isn’t an issue. It’s priorities – which is a different matter.

Posted: April 3rd, 2010
Categories: Education, infographics
Tags: , , , , ,
Comments: View Comments.

LastHistory: a great way to generate Last.fm visualizations

(click image for larger version)

As you can see from the above visualization of my Last.fm history I’ve been using it for a fair while (since 19 March 2003 according to my profile). Recently, as I’ve gone Spotify-only, everything that I listen to is ‘scrobbled’ to Last.fm. Which makes the data from the latter part of 2009 onwards much more representative of my listening habits.

The time of day is down the side and putting your mouse over each ‘node’ links to other times you played that track. Sweet. :-)

You can download LastHistory, the free Mac OSX app used to create this at: http://www.frederikseiffert.de/lasthistory/

(via FlowingData)

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

A brief history of infographics.

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.
Work with me
uncopyrighted
Bluehost FTW!