Lewis Jones Graphic Arts BA (Hons) (Interactive)
Everything I Have Created Since Being At University 10th September 2007 − 4th May 2010
FILM
RA CT
IO
S
N
OJ PR
SU
TCH B SKE
.zip .dmg .wdgt
.ttf .otf
In the three years of being at university I have seen a diverse spectrum of the world; had a multitude of experiences; and done numerous things with vastly varying themes. Presented here is a spatial map of everything digital I have created for university since being in Liverpool. The arrangement shows what types of file are in which folders, and for what project they were done and in which year. It also gives an insight into how I work has changed over time.
T
ND
MM
ER
AND EN
D OF YEA
R
PR OJE
CT
SKETCHBOOK 1
K2
O BR
OO
RN
System .mid
EC
SUMMER
DIO
BA
.wav .mp3 .m4a .mp4
.psd .ai .eps .indd
SH
SOU
OK
J.
Audio
.jpg .tif .png .bmp
.mov .aep .wmv .avi .mpg
PRO JEC
T OR
N KI
RKSHOP
& AU
Image
.fla .flv .swf .gif .dv
.pps .xlsx .xls .pages
NT ME PU N
ISH
BOWIE
FLASH WO
T JEC RO
P AY
TE
Moving Image
.pdf .doc .rtf .ppt
T
PROJECT 4: DAVID
W TH PA
IN
PDF, Text & Table
EMOT IONA
P PR E
OR ’T W
HI
F2
DP-SEME
LILY CO VE
IO OL
LI N HES
GN
E OW
DP
UNI DOWNLOADS
R
2 2009
PEAC
SI
TO PA
PO
RT F
e hre
DE
lT
NE
Lev e
ZI
AN
ON
NEY
TA TI
CT
A AG
AR
POOL
RO JE
M
SE
R LIVER
STER2
OP
PDP, SEMESTER
RE
CH
LO G
OG BL
MO
EN
ST
ES
ECA
PR
TYP
SD AY
ISN
LEVEL2-P
WBL
UR
UR
BO
LA
Level Two
TH
G
KIN
VE
CV
IE
RP
N
GA
IO RACT
FUTURE
L INTE
e On el Lev
BR
24 PA GE S
S 3
1/
PORT
FOLI
O
STE R
BURN PO PEPPER
T
ED SPROU
CEIL
INGS
FF
E SIT
CO M
ER
W SHO
LIV
GARP
REE
PO OL V
IEW
EB
DEG
W MY
U ST
PU
TE
R
M
AP
PI N
G
Image Files: 2,102 PDF, Text & Table Files: 450 Audio Files: 104 Moving Image Files: 333 System Files: 194 TOTAL FILES:
Image: 594
3,183
Level ONE
PDF, Text & Table: 85 Audio: 77 Moving Image: 117
System: 38 Image: 571
Level TWO PDF, Text & Table: 121
Audio: 27 Moving Image: 184
System: 21 Image: 937
Level THREE
PDF, Text & Table: 244
Moving Image: 32 System: 135
Computer Mapping. A1 spatial map of all the files I have created in my time at university. My interest in different areas of design, and the ways in which I work can be seen to change over the three years.
Diary
Diary Monday 2nd November. Interview at 11:10am with Marie Jones. Right of Cath Kidston, fourth floor. Lasted 15 minutes, showed and discussed the work attached to my application, which was work from levels two and three. I felt I talked too much and too quickly.
Lewis Jones. Peppered Sprout Internship. 4th – 24th November 2009.
Peppered Sprout Internship. Lewis Jones.
Tuesday 3rd November. Received a phone call at 1:41pm from Marie offering me a placement commencing tomorrow. The placement would be two weeks long working on the Go Penguins! brief. Tomorrow is the first day of taking photos for use in the merchandise and would be good to go along. Very swift turn around indeed!
18th
24
th
Achievements. Excursions. Nourishment. Yield. Documentation. Penguins.
Wednesday 4th November. Went to Peppered Sprout for 9:00am, got introduced to the team and shown around the studio and briefed on what I will be working on. I will be helping Imke take photos of every single penguin, from two angles, to go into all the different products, such as the souvenir guide. I will also be helping make the 300-page coffee table book. At 10:04am we went to Liverpool Innovation Park where most things penguin happen. We unloaded the van and set up all the equipment, creating a photography area that each penguin would be brought into. We started shooting the penguins at 11:13am. We shot 6 angles of 26 Penguins by 4:00pm, which is when bob came with the van to collect the equipment. I got dropped off near home, where I arrived at 5:03.
th
th
19
17
th
11th
20 th
10 mon
n
1st
9th
su
sat
7
16
13 th
6 th
thu fri
rd
e wed
tu
th
th
2 nd
th
12
4th
5
23
Monday 16th November Back at the Liverpool Innovation Park for the last day. Imke worked on Saturday and shot more big penguins so there were not many left for us to do. We finished the ones we had left and found out as much about the ones that were missing as possible. There were deliveries throughout the day of new penguins for us to shoot. Finished shooting at 5:30pm and packed away all the equipment for Bob to pick up in the morning. Imke gave me a lift home, arrived at 6:45pm.
Wednesday 11th November. 9:01am: arrived at Peppered Sprout. The clients only want 2 angles, which will speed up the process. Two types of penguin: ‘big ones’ – 1500mm, which are painted by artists on behalf of sponsors; and ‘little ones’ – 750mm, which are painted by local schools and communities. There are 138 big ones and 89 little ones. Had a lift in the van to Liverpool Innovation Parl, started shooting by 10:12am. The little ones are lighter and easier to handle. Shot 47 by 3:23pm: ahead of schedule as we have been given 3 days to do all the schools ones and we’ve already done over half. I was kindly allowed to leave early to attend a lecture from Ian Anderson at university. It would have been better if he had prepared a presentation for it instead of making it an “informal chat”, but it was otherwise good.
Tuesday 17th November In the studio today, fully briefed about what I’ll be working on, which is mainly a coffee table book to commemorate the whole Go Penguins event. I’ll help with layout mocks, grid ideas and the playing with type on images. Cut out some trainers for Jonny at 11:47am. Started working on trial pages for the coffee table book using images brought to us by one of the other photographers: Steven King. Finished at 5:00pm and went for a degree show council meeting. Got home at 6:36pm.
Friday 20th November Arrived at the studio at 9:04am and started the day by re-evaluating what we had achieved this week on the coffee book. We looked at all the mock pages and refined our choices to end up with 7 possible page layouts, some the catered for two separate pictures of penguins or for pages where both penguins were in one photo together. I was asked to make contact sheets of schools penguins for Lara. Marie said she’d be working on the book over the weekend at home, so I packaged up all the different mocks and other bits and pieces for her to transport easily. Did some more eco tips and penguin facts pages. At 4:30 we left for the preview party at the Liverpool Innovation Park, getting a lift in Tony’s car. It was a lovely evening, great to see all the penguins together and great to talk to artists and other members of Peppered Sprout. The canapés were a highlight too. Got home at 8:06pm.
Monday 23rd November Got to studio at 8:59am. The photographers were working yesterday taking photos of the penguins in situ; Marie and I went through half each picking the best one of each to be touched up by the Photoshop expert. These are the photos that are going in the coffee table book. Not all the photos have been taken yet as the photographers have today as well to get the shots. I did some mock ups of the schools colony pages, which show a collection of schools penguins. Then had issues with using a computer, as the laptop I was going to use couldn’t run the fonts that the book was being done in. Eventually we gave up trying to make it work and got a computer from the photography studio downstairs and set it up in the main studio. Marie has cut the book up into 6 sections so that different people can work on different parts, my section is the fourth: schools colonies and St. Helens. I ran out of photos of schools penguins and St. Helens, as they haven’t all been taken yet, so I started placing images in the main gallery, sections 2 and 3 of the book. Got home at 5:32pm.
Saturday – Sunday 21st – 22nd – Weekend
Wednesday 18th November Got to the studio at 9:01am. Worked on Jenny’s computer doing mock-ups for the Coffee Table Book: the main gallery section where an image of every penguin will be shown in situ; features on particular artists with sketches and interviews; and penguin facts and eco tips pages that will go throughout the book. The book will be A5 portrait format and we’re still finding out about how it’s going to be bound. Left for home at 5:02pm.
Tuesday 24th November Arrived at 9:00am. The photos yesterday had been put on the server in the wrong way, so I spent the first part of the morning re-linking all the images in the Indesign documents to the right places. I then continued with the schools colonies pages and finished putting all the big penguins into the main gallery. I filled sections 2 and 3 and most of 4. By 4:30 I had finished all my tasks so started doing my write up. Got home at 5:23pm. Placement complete.
8 th
th
14
Thursday – Tuesday (5th – 10th) uni
15 th
th
Thursday 12th November. Caught the 69 to Edge Lane and arrived at Liverpool Innovation Parl at 9:17am. Finished photographing the schools and community penguins and sorted them into an organised file system on a Mac. Started working on the big penguins. Finished at 5:00pm and caught the 71 home.
21
22 nd
st
Friday 13th November Caught the 71 to Edge land and arrived at the Liverpool Innovation Park at 9:12am. It was just Imke and I in the painting space till 11:02am when Katy arrived. Up until that time, we took deliveries of penguins, took messages and answered questions from artists. Shot more big penguins until 4:30pm then uploaded and organised the images. Got the number 71 to the centre of town and caught the 5:21pm Virgin train to Stafford.
Thursday 19th November Got to the studio at 9:01am to find out we might have to do the book landscape, we are waiting to hear what the clients think. I did some trial layouts for this scenario just in case. Pete, one of the designers, really didn’t like the landscape format and by the end of the day it had been decided that the book would be portrait. Another part of the merchandise is a cuddly toy version of Patrick, the mascot of the event. I was asked to take it apart and scan each component part in to send to the pattern makers in China. I used the networked scanner and made a PDF version in Illustrator. I then emailed this to Tony Jones. I was then set the task of making thank you cards for Sally-Ann to send to people. I used the super A3 mode on the printer to borderless print 8 postcard sized cards that I cut up with a scalpel. I also helped Andy to batch process a set of jpegs in Photoshop to make a low-res version of all 138 penguins.
Studio Time.
Time Photographing.
In Hours Travel.
Saturday – Sunday 14th - 15th – Weekend
2010
3.
Travel Routes
Data
Penguins
5.
Fuel One Glass of Mulled Wine.
One Byte.
Twenty Five Slices of Bread.
Twenty One Slices of Ham. Nineteen Assorted Canapés.
1000ft 200m
One Kilobyte = 1,000 Bytes. “Jobs” Server: 1.80 TB. 1.37 TB Used. 427.46 GB Avaliable.
“Jobs” Server: 1.80 TB. 1.37 TB Used. “Jobs” Server: 1.80 TB. 427.46Megabyte GB Avaliable. One 1.37 TB Used. =427.46 1,000 GB Kilobytes. Avaliable.
liverpool inovation park
Seven Apples.
liverpool inovation park
peppered sprout
Three Plums.
One Byte.
peppered sprout
One Kilobyte = 1,000 Bytes.
OneKilobyte Gigabyte One 1,000 Megabytes. ==1,000 Bytes. One Kilobyte = 1,000 Bytes.
One Kilobyte = 1,000 Bytes.
One Megabyte = 1,000 Kilobytes. One Megabyte = 1,000,000 Bytes. = 1,000 Kilobytes. = 1,000,000 Bytes.
One Megabyte = 1,000 Kilobytes. = 1,000,000 Bytes.
One Gigabyte Hundred and Twenty One New Folders. Two Hundred and Twenty One New Folders. Two
One Shepard’s Pie.
1000ft 200m
One Byte.
One Byte.
One Byte.
“Jobs” Server: 1.80 TB. 1.37 TB Used. 427.46 GB Avaliable.
One Gigabyte = 1,000 Megabytes.
= 1,000 Megabytes. New Folders. One GigabyteTwo Hundred and Twenty=One 1,000,000,000 Bytes. Two Hundred and Twenty One New Folders. =My Two Hundred and Twenty Total Impact on 1,000,000,000 Bytes. = 1,000 Megabytes. One New Folders. Jobs Server = 11.3 GB. = 1,000,000,000 Bytes.
Twenty Five Slices of Bread.
Twenty Five Slices of Bread.
One Megabyte = 1,000 Kilobytes. = 1,000,000 Bytes.
Thirty Nine Print Outs.
Print Outs.
Thirty Nine Print Outs.
Thirty Nine NinePrint PrintOuts. Outs. Thirty
My Total Impact on Jobs Server = 11.3 GB.
Twenty Two New Documents.
Photographed One Hundred and Thirty Three Big Penguins.
Eighty Eight Small Penguins.
Home
Bus Bus Walking
Three Buses There. Three Buses There. EightBuses WalksBack. There. Four Four Buses Back. Seven Walks Back.
Bus
Three Buses There. Four Buses Back.
Four Hundred and Forty Two Used Images. Four Hundred and Forty Two Used Images. Four Hundred and Forty Two Used Images.and Forty Four Hundred
Four Hundred and Forty Two Used Images.
2.
3.
4.
5.
6.
7.
8.
Twenty Five Slices of Bread. Eleven Bananas. Twenty Five Slices Three Plums. of Bread.
1.
“Jobs” Server: 1.80 TB. 1.37 TB Used. 427.26 GB Avaliable.
2.
3.
4.
5.
6.
7.
8.
One Glass
of Mulled Wine. of Mulled Wine.
Nineteen Assorted Canapé
Nineteen Assorted Canapés. Nineteen Assorted Canapés.
Twenty Three Pints of Milk.
One Sheppards Pie.
Nineteen Assorted Canapés. One Shepard’s Pie. One Shepard’s Pie.
Seven Apples.
Seven Apples. One Shepard’s Pie. One Shepard’s Pie.
One Glass Three Plums. of Mulled Wine. Three Plums.
Three Plums.
Three Plums.
Eleven Bananas. Eleven Bananas.
Eleven Bananas.
Eleven Bananas.
Eleven Bananas. Nineteen Assorted Canapés.
Eleven Bananas.
Four Glasses of Wine.
Eleven Bananas. Four Glasses of Wine.
Home 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.
Five Point Three Litres of Water. Seven Apples. Five Point Three Litres of Water. Five Point Three Litres of Water.
9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.
Nineteen Assorted Canapés. Nineteen Assorted Canapés.
Nineteen Assorted Canapés. One Shepard’s Pie. Shepard’s Pie. OneOne Shepard’s Pie.
Three Plums. Three Plums. Three Plums. Twenty One Slices of Ham.
Home
One Glass One Glass of of Mulled Wine. One Glass Mulled Wine.
Nineteen Assorted Canapés.
Seven Apples. Seven Apples. Three Plums.
Eighty Eight Small Penguins.
Photographed Eighty Eight Small Penguins.
Twenty One Slices of Ham.
Seven Apples.Seven Apples. Seven Apples.
500ft 100m
1. Photos of One Hundred and Thrity Three Photos Big Penguins. of One Hundred and Thrity Three Big Penguins.
One Glass Four Glasses of Wine. of Mulled Wine.
Seven Apples.
Seven Apples.
Home
One Gigabyte = 1,000 Megabytes. = 1,000,000,000 Bytes.
My Total Impact on Jobs Server = 11.3 GB. Two Used Images.
One Glass of Mulled One Wine. Glass of Mulled Wine. Bananas. Eleven Bananas. Eleven Twenty Five Slices of Bread. One Glass Twenty One Slices of Ham. Twenty Five Slices Bread. Twenty OneOne Slices of Ham. Twenty FiveofSlices of Bread. Twenty Slices of Ham. Twenty Five Slices of Bread. Twenty One Slices Wine. of Ham. of Mulled Nineteen Assorted Twenty Five Slices of Bread. Twenty One Slices of Ham. Canapés.
Five Point Three Litres of Water. Twenty Five Slices of Bread. Twenty One Slices Ham. One of Shepard’s Pie.
500ft 100m
Walks There. Walking Walking Eight Eight Walks There. Seven Walks Back.Back. Seven Walks My Total Impact on Twenty Two Twenty Two Jobs Server = 11.3 New GB. New Documents. My Total Impact on Documents. TwentyNine Two Thirty Nine PrintJobs Outs. Thirty Server = 11.3 GB. New Documents.
Twenty One Slices of Ham. Twenty One Slices of Ham.
One Glass of Mulled Wine.
Twenty Three Milk.of Water.Four Glasses of Wine. Five PointPints ThreeofLitres One Shepard’s Pie. Four Glasses of Wine. Glasses of Wine. Twenty Three Pints of Milk. Five Point Three Litres Four of Water. Five Point Three Litres of Water. Five Point Three Litres of Water.
Four Glasses of Wine.
Five Point Three Litres of Water.
Four Glasses of Wine. Twenty Three of Milk. Four Glasses ofPints Wine. Twenty Three Pints of Milk.
Four Glasses of Wine.
Twenty Three Pints of Milk.
Twenty Three Pints of Milk.
Twenty Three Pints of Mi
Twenty Three Pints of Milk.
Twenty Three Pints of Milk.
Five Point Three Litres of Water. Three Plums. Eleven Bananas.
7.
11.
9.
13.
Four Glasses of Wine. Five Point Three Litres of Water.
Time Scale
Travel Scale
Total Placement
1. 2.
3.
4.
5.
6.
7.
8.
9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.
November 2009.
Eleven Days. Eighty Eight Hours. Fifty One Hours In The Studio. Twenty Five Hours Photographing Penguins. One Hour Using A Scalpel. Thirty Five Minutes In A Van. Five Minutes Making Hot Drinks. Four Point Six Seven Hours Walking. One Hour Of Bus Travelling. Fifty Minutes In Employee’s Cars. Nine Minutes In Delta Taxi. Two Hours Previewing.
1. 2.
3.
4.
5.
6.
7.
8.
9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.
Days of Placement. 15
30
45
9 10 11 12 13 14 15 16
15.
Placement Write Up. Three week long placement at design studio Peppered Sprout. Collected and collated statistics about my placement and used the data to create a number of different visualisations.
Nine Minutes in Delta Taxi.
Fifty Minutes in Employee’s Cars.
Thirty Five Minutes in a Van.
Four Point Six Seven Hours Walking.
Eleven Days. Eighty Eight Hours. Fifty One Hours In The Studio. Twenty Five Hours Photographing Penguins. One Hour Using a Scalpel. Thirty Five Minutes in a Van. Five Minutes Making Hot Drinks.
One Hour of Bus Travelling.
Eight Hour Days.
Thirty Five Minutes in a Van. Four Point Six Seven Hours Walking. One Hour of Bus Travelling. Fifty Minutes in Employee’s Cars. Nine Minutes in Delta Taxi.
17.
19.
Twenty Three Pints of Milk.
TED Talks Intros. Developed a set of introduction sequences to go before the start of talks on TED.com
Third Magazine. Fortnightly newsletter containg information about the progress of the degree show. Designed and made with another designer. Six editions each with a different theme. Later editions contained commissioned work.
What does Santa suffer from if he gets stuck in a chimney? Claustrophobia! Why does Santa have three gardens? So he can ‘ho ho ho’! Why did Santa’s helper see the doctor? Because he had a low “elf” esteem! What kind of motorbike does Santa ride? A Holly Davidson! What do you call a cat in the desert? Sandy Claws! What does Santa do with fat elves? He sends them to an Elf Farm! What do you get if you cross Santa with a duck? A Christmas Quacker! Who delivers presents to baby sharks at Christmas? Santa Jaws What do you call Santa’s little helpers? Subordinate clauses! How long do a reindeers legs have to be? Long enough so they can touch the ground! What do reindeer hang on their Christmas trees? Horn-aments! What’s worse than Rudolph with a runny nose? Frosty the snowman with a hot flush! Why did the Rudolph cross the road? Because he was tied to the chicken! Why did the turkey cross the road? Because he wasn’t chicken! Why did the turkey cross the road?
Hello. Please make an illustration to represent your ‘day of christmas’ as listed below. Make the work individual to yourself, your own style, your own ideas, your own experiences of christmas whatever you want as long as its based around your true loves gift. Type/a title doesnt have to be included but can if you want. Thank you all for doing this, I hope the newsletter will look ace. (You all get one free copy as payment!)
Deadline: Wednesday 2nd December by email. If your file size gets too big to send, you’ll have to give it to me on tuesday afternoon please. Any questions or anything: lewj123456789@hotmail.com 07875 746616
On the twelfth day of Christmas, my true love sent to me...... The grey area is your work space!
10mm (For seam)
148mm x 95mm (WARNING! Slightly less than A6!)
Kirsty
Twelve drummers drumming,
Jess
Six geese a-laying,
Emma
Eleven pipers piping,
Craig
Five golden rings,
Sophie
Ten lords a-leaping,
Sarah
Four calling birds,
Kristina
Nine ladies dancing,
Anna
Three French hens,
Kat
95mm
Phill
Lucy
Seven swans a-swimming,
Two turtle doves, And a partridge in a pear tree!
Spreads (Number = day of christmas)
This is a 3mm bleed all the way round. If you want full bleed, go to at least this size.
If your doing work close to this edge, make it go over.
Vickers
Eight maids a-milking,
1.
2.
3.
4.
5.
7.
8.
9.
10. 11.
148mm x 95mm (WARNING! Slightly less than A6!)
148mm
148mm
The grey area is your work space!
6. Use Only these three colours. (Use the white of the page too)
Black C=0 M=0 Y=0 K = 100
Green C = 46 M=0 Y = 48 K=0
Red C = 11 M = 100 Y = 100 K=2
12.
Prepare for your Christmas Dinner with our handy Scrooge’s Joke Book! You’ll have everyone in stitches as you preempt every single cracker joke and ruin everyone’s fun! Why not even challenge your Dad to a ‘joke-off’ to see who can tell the most Christmas jokes: with our guide in hand your sure to win every time! Because it was the chicken’s day off! What happened to the turkey at Christmas? It got gobbled! What do you get when you cross a snowman with a vampire? Frostbite! What do snowmen where on their heads? Ice caps! How do snowmen get around? They ride an icicle How does Good King Wenceslas like his pizzas? One that’s deep pan, crisp and even! Who hides in the bakery at Christmas? A mince spy! What did Adam say on the day before Christmas? It’s Christmas, Eve! How many letters are in the angelic alphabet? The Christmas alphabet has “no EL”! What carol is heard in the desert? O camel ye faithful! What is the best xmas present in the world? A broken drum, you just can’t beat it!
How do sheep in Mexico say Merry Christmas? Fleece Navidad! How did Scrooge with the football game? The ghost of christmas passed! What athlete is warmest in winter? A long jumper! What do you get if you eat Christmas decorations? Tinsilitis! What’s the most popular Christmas wine? ‘I don’t like Brussels sprouts!’ Why do ghosts live in the fridge? Because it’s cool! What did the beaver say to the Christmas Tree? Nice gnawing you! What do crackers, fruitcake and nuts remind me of? You! What do you get if you cross a bell with a skunk? Jingle Smells! Where would you find chili beans? At the north pole! Why don’t penguins fly? Because they’re not tall enough to be pilots! What do sheep say at Christmas?
Wool-tide Bleatings! What do you call a bunch of chess players bragging about their games in a hotel lobby? Chess nuts boasting in an open foyer! Knock Knock! Who’s there? (This ones my Favorite) Pudding. Pudding who? Pudding in your face! Knock Knock Who’s there? Snow Snow who? Snow business like show business Santa went to the Doctors with a problem. Doctor: What seems to be the problem? Santa: I seem to have a mince pie stuck up my bottom! Doctor: Well your in luck because I’ve got just the cream for that! On which side do chickens have the most feathers? The outside. What kind of paper likes music? (W)rapping paper. What does Her Majesty use when she’s got a cold? Queenex. What do you call it when a bunch of sheep roll down a hill? A lambslide. Did Rudolph go to school? No. He was Elf-taught! Mum, Can I have a dog for Christmas? No you can have turkey like everyone else !
PAY YOUR FIFTY POUND DONATION NO DONATION = NO BOOK = NO JOB
ristmas ry Ch Mer
105mm (A6 = 148mm x 105mm)
o think t s g in h t f o . A cboouuptle over Christmas a
Should auld acquaintance be forgot, And never brought to mind? Should auld acquaintance be forgot, And auld lang syne!
Chorus.-For auld lang syne, my dear, For auld lang syne. We’ll take a cup o’ kindness yet, For auld lang syne. King George VI Chase Boxing Day.
Perfect Mince Pies.
Makes: 18 pies. Prep: 30 - 40 mins. Cook: 20 mins. Can be frozen. Christmas Dinner: Total = 956 calories, 48g fat 1. To make the pastry, rub the butter into Roast turkey (90g) = 149 calories, 4g fat the flour, then mix in the sugar and a pinch of salt. Roast potatoes (85g) = 127 calories, 4g fat Combine the pastry into a ball - don’t add liquid Stuffing (100g) = 231 calories, 15g fat and knead it briefly. The dough will be fairly firm, Bread sauce (45g) = 42 calories, 1g fat like shortbread dough. You can use the dough Roast parsnips (90g) = 102 calories, 6g fat immediately, or chill for later. Boiled carrots = 14 calories, 0g fat 2. Preheat the oven to 200C/gas 6/fan Boiled brussels = 32 calories, 1g fat 180C. Line 18 holes of two 12-hole patty tins, by Gravy (50g) = 17 calories, 1g fat pressing small walnut-sized balls of pastry into Cranberry sauce (30g) = 45 calories, 0g fat each hole. Spoon the mincemeat into the pies. Pork sausage (20g) = 62 calories, 5g fat 3. Take slightly smaller balls of pastry than Bacon (40g) = 135 calories, 11g fat before and pat them out between your hands to make round lids, big enough to cover the pies. Top the pies with their lids, pressing the edges gently Extras: together to seal - you don’t need to seal them with 1 slice of Christmas cake (70g) = 249 calories, 8g fat milk or egg as they will stick on their own. (The 1 portion of chocolate log (30g) = 101 calories, 3g fat 1 portion of cheese and biscuits = 394 calories, 27g fat pies may now be frozen for up to 1 month). 1 portion of mixed nuts (40g) = 243 calories, 22g fat 4. Brush the tops of the pies with the 1 portion Christmas pudding (100g), custard and brandy beaten egg. Bake for 20 minutes until golden. Leave to cool in the tin for 5 minutes, then remove butter = 587 calories, 22g fat to a wire rack. To serve, lightly dust with icing 1 mince pie and double cream = 368 calories, 25g fat sugar. They will keep for 3 to 4 days in an airtight 1 glass of mulled wine = 245 calories, 0g fat container.
Kauto Star Imperial Commander Madison Du Berlais Albertas Run Cooldine Nacarat Barbers Shop Deep Purple Schindlers Hunt Cappa Bleu Racing Demon Well Chief What A Friend Atouchbetweenacara Cloudy Lane Glencove Marina Joe Lively Master Medic Our Vic Roll Along Casey Jones Tartak Ollie Magern Ballyfitz Chief Dan George Sandymac
Merry Fucking Christmas Christmas Bumper. For the December issue I commissioned twelve illustrators to contribute one day of christmas each. The final edition was french folded and perforated. Inside each folio was an alternative, mainly satirical view of Christmas.
4/5 4/1 8/1 10/1 10/1 14/1 20/1 25/1 25/1 33/1 33/1 33/1 33/1 40/1 40/1 40/1 40/1 40/1 40/1 40/1 50/1 66/1 80/1 100/1 200/1 500/1
Donation Wheel. Poster showing progression of year group’s donations toward the Degree Show Catalogue. Interactive duplicate was posted on the course website. Fueled by techniques and ideas from doing my Graphic Arts Research Project.
September
June
October
November
Interactive Donations.
One Year of Skies.
An interactive duplicate of the donation progress poster. As weeks went by, the wheel was updated with who had paid their donation. This version allows a user to see group and individual progress.
During my second year I took a photo a day out of my bedroom window. I collated these pictures into an interactive gallery. When a user scrolls over the collection, an image and the date it was taken are shown.
March
August
User/Desktop. Collection of screen grabs from a selection of my class’s computer desktops. Showing just the layout of the icons, it gives comparisons of how everyone works differently. The main body is printed on acetate and allows icon distribution densities to be seen.
Burn Disco. Screen printed gig poster.
1951
1950 Ben Laposky used an analog electronic machine, the Oscilloscope, to create the first graphic images. Electronic beams were manipulated and recorded onto high-speed film.
1950s
The computer has become an integral part of our modern way of life. A computer has touched almost everything in our modern age. Whether it is the design of a product, how our money is stored, or even how a loaf of bread is made, a computer will have been used somewhere in the process. Computers are being used at many peoples work place, but people also now want to have a computer in the home, to use for entertainment.
CONCEIVE MORE THINGS THAN ARE EXPRESSED BY MY WORDS
Cheap software has also contributed to this explosion of interest. What were once specialist programmes, such as Adobe Photoshop, are now available to a mass market with many millions of people familiar with their use. A basic home computer now comes with the software already installed that enables people to share their work and to visit the creative outputs of others. An average buyer can now potentially make films, process pictures, record sound, print out an original creation; there are now literally hundreds of different ways to be creative.
Ovid.
1962
1967
SHARING
Moving home and visiting north-western Europe
Use of time
2585 mm 101.8 in
Size 9,3W 7,5H 1,6D cm
Length
3
4
Weight 113.4 g
Fuel
3935 km 630 km 380 km
Driving Packing
3
Back
There
Back
2952 km
Pausing
Packing
Traveling
Display 7,2W 5,4H cm 320 x 240 pixels QVGA color antiglare TFT, backlight
Width
Height
1820 mm 71.7 in
Distances pr. vehicle (total distance)
There
2131 km
13259
nce
4255 mm 167.5 in 1720 mm 67.7 in
Distances traveled (by any vehicle)
Food
Misc
Wheelbase
Load:
7
2008 Designated navigator
98 62 59
Engine
(nok)
Tickets
Days
Garmin nüvi® 1200 1.2 petrol 65 PS 64 hp/48 kW
Cost of trip
(hours)
Total hours
10
Ole Østring
1983 Designated driver
730 kg 1609 lb 3,2 m3 110 cu ft
Time spent
(days)
Marthe Bjelkarøy 1984 Designated passenger
91km
5083 km
NOK
approx. 1600 EUR
47 km
3158 miles
Total: 162 hours there
Wed 22
Flesland
d
22:00 47
km
hals
2 903
d
Hirts
70
23:00
Bus
FINISH
km
Stein
Egersun
Værne s
Train
91
kjer
Sola
20:00
460 km
Sjø åse km n
17:00
04:00
18:00
19:00
19:00
km
Plane
Plane
km
ansan
141
179
170 km
Car
67 km
Car
Boat
Kristi
62 59
391
km
Car
59
40 38
33
21 2
3
15:00
16:00
Kegn æs
Noon/
n 13
ht
0
1 4
5
rsu
9
1084
Su
Midnig
0 England
2
START
1
22:00
4
France
Tue
3
nd
5
299
6
1 Netherland
2
307
587
426
249
190
4
297
2
81
14
Ege
Packing 2952 km
5
Belgium 0
4
4
81
2
4
185
Car
179
km
01:00
sand
tian
km
Kris
141
Overview
Boat
Car
27 645 km
Driving
8
Germany 0
3
29
375
Pausing
7 2
Denmark
7 12 15
28
399
Back
19
6 2
Norway
0
519
There
2131 km
27
9
8
Total
06:00
Total: 57 hours back
als
Hirtsh
Car
Mon
Distance
186
Time
km
14
09:00
Århus
Spending By day and category (NOK)
r
Fuel Food Insurance Misc Tickets Total
Wieringermee
07:00 22:00 864,47 491,84 417,92
365,00
601,27
275,47
1465,74
856,84
214,44
352,69
862,01
1494,37
628,16 Car 459,44
Hamburg
463,15
17:00 11:00
1938,26
is
n 20
(+1) GMT 16:00
Cala km
1000,00
930,00
49
1000,00
Mo
463,15
930,00
er Dov
13:00
Calais
Tuesday 15
13:00
GMT (-1) 18:00
16
Værnes
Egersund Sola
Kristiansand
Egersund 06
00
12
Hirtshals
Kegnæs Kegnæs
Tuesday 21
18
12
Wieringermeer
Calais
Dover
Bournemouth
Wieringermeer 06
00
18
06
Monday 20
12
Bournemouth
00
24
Calais
Antwerpen
Dover
Antwerpen Rotterdam
Antwerpen
Rotterdam Antwerpen
06
06
18
00
Thursday 17
12
18
00
Wednesday 16
12
18
12
Hamburg 06
00
Hamburg
Egersund
Kristiansand
Hirtshals 06
06
00
18
12
18
12
00
Monday 14
km
Wed
Thu 17
Sunday 13
100
Steinkjer Namdalseid
Dover
uth
21:00
mo rne
Car
km
Boat
Bou
11:00
17:00
2 131
km
16:00
205 km
12:00
100
49 km
Tu
Car km
16:00
275
11:00
100%
Car
23,57% 19,18%
am
08:00
Rotterd
14,56%
e 15
km
31,53% 11,16%
*Tickets and Misc include Hotel Costs, at approx. 2000 NOK.
24
283
2325,00
Antwerpen
4181,56 1479,58 1930,00 3125,11 2543,00
13 259,25
TOTAL:
erpen
Fuel costs total: Food cost total: Insurance cost total: Misc cost total: Tickets cost total:
18
2325,00
Antw
218,00
16.06
Car
218,00
928,02
km
15.07
10.07 09.07 24.06
1200,53
159.05
558
851,19
13.07
We are living in an age where the ability to visualise statistical data has become an everyday necessity. We have become familiar with increased levels of popularity and interest in social data in particular. Statistical data can be collected from many different situations, but the data we are most interested dealing with now are from the things that affect or involve ourselves: human beings. We are all in contact with the results of visually representing personal data daily, whether it be checking emails, reading a text on our mobile phones, finding cinema times, logging into our Facebook account, listening to the news, or even reading a book.
443,99
Boat
443,99
km
741,09
17.07 16.07
Car
296,31
23.07 22.07 21.07 20.07
338 km
296,31
24.07
429
The combination of the computer and the worldwide web has allowed us to deal with large amounts of data and given us all the tools to produce images from them, thus increasing the interest in making our own lives information visual. These creations are then easily shared globally, getting more of us interested and inspired to make our own. The fascination has grown to such a point that people are now able to make a living out of selling data visualisation products or offering services such as taking a customer’s personal information and creating a visual image for them. The Internet makes it possible to advertise this service, and allows the efficient transit of data between Client and designer.
Crew
Fiat Doblò, 2001
A visual explanation of a travel by car, measured in distance, time and cost
219
Vehicle
13th - 22nd July
Wednesday 22
July
oostring.com
1977 First fiber-optic telephone system is tested in Chicago
Figure 1. ROADTRIP 2009 (2009) Roadtrip poster final Available From: http://www.oostring.com/weblog/?p=181 [Accessed: Oct 2009]
1979
Once a set of data becomes complex, it is hard for a human to comprehend the cold numbers. The processing of data into an image or a smaller, simpler statistic helps make it easier to understand. This can be very simple, for example instead of just having a list of the names of our ‘friends’ on Facebook, it is shown in a graphic as one number, which we can then interact with; for weather reports, the data is processed and a more simple graphic is used to portray the data instead of showing every isobar of pressure, every humidity level, every drop of rain across the country.
In addition to meeting a social need the ease of data collection in the modern world means that we are collecting, or contributing to, evidence about ourselves. Every photo we upload onto the Internet, or where we live in what size house, or what crisps we buy from a shop, can all be collected and used as statistical data. This modern era of computing allows the efficient collection, collation and processing of this form of data. In my research, I will be looking at only the graphics that visually represent data that is based upon statistics: the statistics that we fit into, the data that comes from us, and the information that affects us. I will be concentrating on how the invention of the computer has augmented our interest in data visualisations, but also how it has influenced our way of life and made us more reliant and expectant of visual representations of data. I will also look into how the computer as a tool has increased our ability to visually represent these personal statistics, and how the computer has influenced our curiosity in statistical data as a society. I will also look at the strength of visualising data with a graphic. “One week of the Times newspaper contains more information than would have been encountered in a lifetime in the 18th Century.” DCSF Talent Task Force (2009) Available From: http://www.dcsf.gov.uk/swtf/ [Accessed: Dec 2009]
1982
1986 First 8.5 x 11 monitor (Mac).
1984 Type1 version of linotype fonts.
1984
Apple launches the Macintosh with a presentation at the 1984 Super Bowl games. Apple also releases its MacPaint program.
1985 LaserWriter released. It is the first PostScript printer.
1980s
1988
POWER The Internet is a vast and complex network which contains data that is used for millions of different purposes for billions of different people. The strength of the Internet comes from not necessarily providing new things, but in providing a new way of accessing information that is easier than ever before. “You have stuff available on government sites that would have only been available on paper a decade ago.” TANNEERU, MANAV. (2009) “A New Way of Looking at the World. Living With Technology. Available From: http://www. cnn.com/2009/TECH/11/02/data.viz/index.html [Accessed: Nov 2009] Producing an image based on a set of statistical data, or any data for that matter, has been around for a lot longer than the computer and our digital age. Information has been visualised since the earliest days of man drawing images of hunting on cave walls. The main methods of producing a data visualisation before the computer remained mainly the same for hundreds of years : by hand or late using the printing press. Early collections of statistical data were generally done for scientific papers: using a pictorial diagram to show an instruction, or to show a trend or relationship that could not be shown easily by a raw numbers. The making of them was also often a laborious task, plotting numbers onto graph axis, or sorting small amounts of information into a larger collection; as a result only a small number of specialist people could make them. The people who made these early data visualisations would have had to have had an understanding of the data being used so that they could best present it. They were not designers, they were mathematicians and scientists. As a result, data visualisations were made by a small number of people and seen by very few others.
1992
1993
PDA Applications appear.
1993 Apple introduces the Newton, which is the first successful Personal Digital Assistant (PDA). It had a touchscreen interface. It had been in development since 1989.
1994 Internet has 25 million users.
1994 Illustrator 5 (mac) is released.
1993
1991
Photoshop 1 is introduced.
The first computers were little more than punch card readers, but with the invention of the Cathode Ray Tube, computing gained a real time visual output. The computer could now be used to make imagery in its own 2D world. Soon printing presses were designed to work with the computer and the first digitally created images could be reproduced in the physical world. After years of development of the hardware associated with computers, we now have computers that can show us images at print preview quality. This allows a designer to experiment within the computer on a document and to see what it will look like before printing. The other main strength of the computer is its ability to deal with large amounts of data easily and efficiently. Early computers were used by University mathematic departments to crunch groups of numbers and deal with sets of data. With every step forward in processing power, more and more information can be input and handled by a computer. Modern computers are now used to work with enormous sets of data, such as processing the data collected by satellites scanning space into a picture that shows billions of galaxies and stars. This increase of power, coupled with the improvements in the display screens and dedicated visual processing chips, means the output images can be increasingly complex and contain even more information. Nowadays the simple, highly affordable home computer has enough processing power to take a great deal of information and easily show that data in a number of ways. Modern day designers, not just scientists, use the computer’s ability to work on many levels at once to produce data heavy visualisations. These would have taken months or years if done by hand. Figure 2. Currently, this large amount of computing power is available to billions of people in the millions of home computers around the world. They enable anyone to produce their own media using this equipment. The success of web-sites such as Youtube, ffffound and Myspace are all evidence of this. With a greater interest in data than ever before, and now the tools to do it, more and more people are making data visualisations.
Figure 2. ALL STREETS MAP (2009) All Streets. Available From: http://benfry.com/allstreets/ [Accessed: Nov 2009]
PERSONAL INTEREST
1995 1988 Font folio shipped - this was a $9,600 hard disc containing Adobe’s entire font library.
World wide web has 18 million pages.
1996 DVD disks
1997 Apple releases the Macintosh OS-8 system.
1996 Photoshop 4 is released.
1990s
The slow infiltration of computers into our lives has gradually increased society’s interest in data, without us necessarily being aware of it. Data are collected about all sorts of aspects of our lives that are then translated, normally by a computer, to make them more accessible and understandable. We see and hear statistics about a disease spreading, statistics about house prices, and statistics even about what we have for breakfast everyday. We have not only come to expect these kinds of data to be collected and shown to us, but for the information to be explained to us with images. Television news relies heavily on showing statistics in a pictorial form, as it is easier for a viewer to then understand the content. There has been a gradual feeding of data being visualised to all of us since the explosion of access to the computer. Since the first colour weather map (figure 3.) in the newspaper, pictures have been used more and more to describe a set of data, a complex concept, or some kind of instruction. Due to the ease of access to graphic images and the simplification of complex information we have become accustomed to this form of communication, and now we can absorb a lot of information quickly and easily. Making a set of data visual helps us to understand meanings and relationships that would have otherwise been hidden.
1999 Apple introduce power mac G4.
1998 Apple launches the iMac.
1998 G3 Mac Debuts.
1997
World wide web has 351 Million pages.
1999 InDesign 1 is released. Revenue of the produce is $1 billion.
2000 Apple release OS-X.
2001
2002
“Graphics reveal data. Indeed graphics can be more precise and revealing than conventional statistical computations.” Tufte (2001, page 13)
2003
2005
2004
Smartphones out sellf PDAs.
2008 Creative Suite 4 is released.
2007 Apple announce that iTunes downloads have exceeded 1 billion.
2004 After Effects 6.5
2005
Adobe Creative Suite 2 is released.
92 million websites online
2001 Apple showcase their first iPod.
2000 InCopy 1.
2003 Adobe introduces the first Creative Suite.
2007 Microsoft Windows Vista.
Internet
Mobile phone users reach 1.52 billion.
Microsoft ship Windows XP.
Quark XPress 5 released.
Hardware
Software
Design Software
Visualisation Advances.
Etc.
2005 Adobe buys Macromedia.
2002 Intel produces the 3GHz Pentium 4 chip.
2001 PostScript 3 Released.
1999 Macromedia release Flash 4 and a year later Flash 5.
2004 Acrobat 7.
2001 Acrobat reader has 400 million users.
1998 Photoshop 5.
1998 Macromedia releases Flash 3.
1997 Acrobat reader 3.
1997 Adobe becomes the second biggest software retailer behind Microsoft.
1996 Apple aquired NeXT.
1995 Illustrator 6 is released for mac, Illustrator 4.1 released for windows.
1995 NVIDIA Corporation – GeForce 256, GeForce3(2001)
1995 Adobe reader first integrated into a web browser.
1991 Photoshop outsells illustrator and has remained that way since.
1993 The MPEG video compression format is released. This makes it possible to broadcast video on Web sites.
1991 Apple, IBM and Motorola work together to develop and promote the PowerPC platform. 1993 Apple, IBM and Motorola announce the availablillity of the Power PC.
1992 B&W printers now under $1000.
1992
Premier 2 (mac) shipped.
Michael Friendly’s works marks the beginnings of the general extension of graphical methods to categorical data.
1989 Apple sell their stake in Adobe for $85 million.
First colour PostScript Printer
Sony announces the Compact Disk.
1982
1991 The World-Wide Web, one of the most significant advances in the development of the Internet, is released by
1990 Bell Labs demonstrates the first all-optical processor Hewlett-Packard and IBM announce RISC-based computers
1990 Motorola releases the 68040 chip.
1995 Intel introduces the Pentium Pro chip with 5.5 million transistors.
1996 Microsoft releases Windows NT 4.0, Windows CE and Internet Explorer.
1993 Intel releases the Pentium chip which has 3.1 million transistors and is able to perform 112 million instructions per second (MIPS)
1994 Microsoft releases Windows 95
1995 Sun releases the Java programming language which makes platform-independent programming possible.
1995
Buena Vista Pictures release “Toy Story”, first full-length, computer-generated, feature film.
Laptop computers 1990 CERN. get CD-ROM drives Tim Berners-Lee creates the “HyperText Markup Language” (HTML) at the CERN labs in Switzerland. He goes on to write the prototype for the World Wide Web. It will use three of his creations: HTML, HTTP and URLs.
1984 Sony and Phillips jointly introduce the CD-ROM.
1987 PostScript licenced bt IBM and HP.
1988 Photoshop is licenced and intially planned as an add-on to illustrator.
1987 Adobe adds Postscript to desktop publishing. 1987 Quark XPress debuts. 1987 Illustrator 1 is released by Adobe.
1986 Over 100 fonts in Adobe library.
1982 3.5” Floppy Disc becomes standard for HP.
1985 Adobe sell 20% equity to Apple.
George Rorick designs the USA Today weather map. It was a colour weather map of America and marks the begining of an era of colour information graphics in newspapers. After this, colour data visualisations were used everywhere. “Rorick used a combination of color, maps, tables, symbols and annotation to transform often dull and incomprehensible information into something more interesting and accessible.”
1981 Apple releases the ill-fated Lisa computer which lists for nearly $10,000.
1980
Osborne introduces the first "portable" computer, the Osborne 1. It weighs 24 pounds and is the size of a suitcase.
1983
1987 IBM – VGA, Video Graphics Array introduced
1990 Illustrator 3 ships.
1990 Microsoft ships Windows 3.0
1991 Linux, a new PC operating system is created.
1994
1993 University of Illinois create “Mosaic”, the first graphic Web browser
IBM releases OS/2 Warp 3.0
1991 There are now about 1000 known computer viruses. There were 5 in 1988.
1991 The JPEG (Joint Photographic Experts Group) graphics compression format is released.
1992 Silicon Graphics – OpenGL specification creates a standard for 3D graphics.
1991 QuickTime, a video compression format developed by Apple, is released.
1989 P. Craig, J. Haslett, Mark Monmonier, Antony Unwin and Graham Wills make the first interactive maps. These were statistical graphics interactively linked to map displays.
1989 Video Electronics Standards Association (VESA) – SVGA, Super VGA is formed.
1987 Linotype licences PostScript. Catelogue exceeds 1,700 typefaces.
1987
1987 Microsoft ships Windows 2.0
1989 Microsoft introduces Word for Windows
IBM introduces the OS/2 operating system
1985 Microsoft releases DOS 3.0
1982 PostScript is licensed. Adobe Founded.
1988
1985 Pixar Animation Studios release “Luxo Jr.”
1990 Hanrahan and Lawson create Renderman. It is used to describe three dimensional scenes and turn them into digital photorealistic images.
Daniel Asimov, Andreas Buja, Catherine Hurley and John A. McDonald work on “interactive grand tours”. This was the first inclusion of grand tours in an interactive system. It included linked brushing, linked identification, visual inference from graphics, interactive scaling of plots, etc.
1983 Edward Tufte writes Graphical Æsthetics. Æsthetics and information integrity for graphics defined and illustrated. New concepts include “data-ink ratio” and “lie factor”.
1982 John Walkner and Dan Drake create AutoCAD.
1981 IBM releases their personal computer using an operating system developed by the Microsoft Corporation.
1985 NES – Nintendo home game system is put into production.
1984 Wavefron tech. create Polhemus, the first 3D graphics software.
1981 Xerox develops a commercial version of their experimental Alto computer, it is called the Xerox Star.
1981 300 MB hard disks start at about $15,000. 1981 The price of computer technology is beginning to drop. 256k of RAM costs $1100, and a 5 MB hard disk costs $3000. 1981 Intel creates the 80286 chip with six times the computing power of the 8086. 1982 Intel 286 Chip released. 1984 1MB RAM chip released.
Mark Monmonier creates a geographic correlation diagram, which shows the relationship between two spacially referenced variables. It used vectors to represent geographic trends.
1979 Cellular telephones are first tested in Japan and Chicago.
1975 IBM introduces the first laser printer
1970s
Roadtrip 2009
01:00
1974 Edwin Catmuff writes texture mapping and Z-buffer hidden-surface algorithms. 1974 James Blinn writes an algorithm for curved surfaces and refines texture mapping.
1970 The daisywheel printer is introduced.
1970 The floppy disk is produced on a mass scale.
1975
Steven Jobs and Stephen Wozniac start work on their first computer in Steve's parents garage. They call it the Apple.
1977
1976 Steven Jobs and Stephen Wozniak design and build the first Apple computers, the Apple 1, in the Jobs' family garage. It's not much more than a circuit board in a wooden box, but they build and sell 200 of them through Paul Terrell's Byte Shop. The price? $666.66 1977 Steve Wozniak releases Apple II at a trade show. It had color graphics and was truely a personal computer.
Bill Gates and Paul Allen found Microsoft in Albuquerque, New Mexico.
1975 Martin Newell creates the famous CG teapot, using Bezier patches.
The internet has made data easier to access: rather than looking in the yellow pages, people search for a phone number with a search engine such as Google. However, as we have already seen, people do not now simply seek for information, they share their own personal information with their friends or the world. A new aspect of this human need is that this data can now be easily collected and turned into a statistic. These data can then be handled in many different ways: simplifying a complex collection of numbers, making the data easily accessible, or most usefully turning it into an image that better explains that set of data. We like to see our own data in these manipulated forms; it makes us feel good when we, for example, see a measure of how many friends we have by the number of connections to other people we have on Facebook. This interest in sharing data about our lives has fed the growth of graphics that visualise data.
Introduction This process of visualising data suits us as humans, making it easier for us to understand certain concepts or collections more easily, and to see relationships that would otherwise be hard to see. In recent times, more and more data visualisations have been about aspects of people’s own lives: there are many examples on the Internet using data from someone’s own experiences. When we go on holiday, instead of just taking photos, some people collect statistical data about what they have done. When returning home, they make an image out of this set of personalised data (Figure 1.). The computer has allowed this extra step in sharing our adventures.
Insura
1971
1973 Xerox Parc develops an experimental computer called Alto that uses Douglas Englebart's new mouse and features a Graphical User Interface. Unfortunately, they don’t see a future for personal computers and it never goes into production.
1974 M. A. Fishkeller, Jerome H. Friedman, John W. Tukey create the PRIM-9. It marks the first true use of interactive graphics in statistics. It is the first system with 3-D data rotations provided dynamic tools for projecting, rotating, isolating and masking multidimensional data in up to nine dimensions.
1973 John Whitney. Jr. and Gary Demos worked on “Westworld”, the first film to utilize a computer to generate graphics.
The fact that there is a computer in nearly every home means that the Internet is easily accessible to the general population. Larger numbers of people are going on the Internet for entertainment and it is increasingly common for people to share their lives through sharing things about their personal life, such as photos on Facebook or tweets on Twitter. We are now looking beyond that to include looking at the information shared by our friends, or even viewing other people’s information or creations. As a race we have developed an obsession with accessing many different types of personal information about our fellow human beings, fuelled by the Internet and the ease of access to an increasing variety of data. The popularity of social networking sites shows that it has almost become the norm to know, and want to know, things about other people that we were not able to access before. Facebook alone has “350 million people logging on each month” (Guardian – Review of the year). People want to leave their own mark on the world, sharing these things about their lives and creations they have made with their friends.
Car
1960s
Car
1969 John Warnock writes the area subdivision, and hidden-surface algorithms.
1967
Jacques Bertin writes the theory of graphic symbols. It is a comprehsive paper on graphical symbols and techniques of graphic representation. He introduced the idea of moving and reordering variables to make the data relationships more obvious and easier to see.
IBM develops the first floppy disk which sparks the change from magnetic core memory to semiconductor memory.
1969 Intel announces a 1 KB RAM chip, which has a significantly larger capacity than any previously produced memory chip.
Joseph B. Kruskal is said to be the founder of Modern statisical graphics. He produced a one minute film on the iterative process of finding a “multidimensional scaling solution.” He made the film in Bell Labs, USA.
1
“90% of UK teenagers have their own computer, mobile and games console”. DCSF Talent Task Force (2009) Available From: http://www.dcsf.gov.uk/swtf/ [Accessed: Dec 2009] This has been made possible because of the falling price of modern technology. A standard home computer is sufficiently cheap to make it possible for most people in the developed world to have one. The constant fall in the cost of memory, processing power, graphics cards and all the other internal hardware of computers, now means that the most basic home computers are capable of dealing with a lot of different information and able to perform many complex tasks. This power coupled with a reduction in the price of digital cameras, scanners, printers and other input devices means everyone is now able to create all sorts of media from their home. These creations are put on the computer and then often uploaded to the Internet to share.
1965 Jack Bresenham wrote the line-drawing algorithm.
1962 IBM introduces magnetic disk storage for computers
1965 DEC produces and releases the PDP-8. It is the first mini-computer as opposed to previous computers which were the size of a room. It also carried the lowest price for any computer in its day: US$18,500.
Albert D. Biderman proposed to use statistical graphics on television in the reporting of social indicators.
Douglas Engelbart showcases his system of keyboard, keypad, mouse, and windows at the Joint Computer Conference in San Francisco.
1968 Tektronix is released. It was a simple computer that came with a special cathode ray type (the direct-view storage tube), a keyboard and mouse. At the price of $15,000, it made graphics affordable.
1968
1968 IBM first starts selling its software separately, which marks the beginning of the software industry.
1964 William Fetter made the first computer model of a human figure.
1963 Douglas Englebart designs and patents the first mouse pointing device for computers.
1962 Ivan Sutherland created a graphics system called Sketchpad for his PhD. This programme used a “lightpen”, the first human interaction device. It gave a computer an x and y value. Sketchpad also first demonstrated that computer graphics could be used for both technical and artistic applications.
1960
Howard Fisher combined techniques of spatially-referenced data, spatial models and map-based visualisations in the development of GIS: Grographic Information Systems.
1961 Steve Russel designs and engineers Spacewars: the first video/computer game.
1972
Nolan Kay Bushnell made Pong, an iconic and very successful video arcade game.
1979 Roy Trubshaw and Richard Bartle create “Zork”, the first multi-user dungeon. 1978 Richard A. Becker and John M. Chambers write “S”, a language and environment for statistical computation and graphics. S was later sold in a commercial package as S-Plus, more recently, a public-domain implementation, R is widely available. S would become a standard language for statistical computation and graphics.
First of two A0, map folding wall charts. I discussed how the invention of the computer has influenced the recent resurgence of interest in data visualisation.
UNIVAC-I: was the first general purpose commercial computer. It used crude hardcopy devices, and a line printer to print pictures.
1951 MIT – The Whirlwind computer. Its used a large oscilloscope screen to display the first real time video, real time text and graphics.
1957
John Backus created the first high-level language for computing: Fortran. The Formula Translation language for the IBM 704 computer.
This timeline follows the milestones in the evolution of the creative computer. Each significant event shows the things that made it possible in the first place, and the subsequent advances that couldn’t have happened without that particular breakthrough.
The data has been retrieved from the following sources:
Adobe - About Adobe: History of innovation http://www.adobe.com/aboutadobe/history/
A Short History of Computer Graphics http://cs.fit.edu/~wds/classes/graphics/History/history/history.html
Computer Graphics http://www.comphist.org/computing_history/new_page_6.htm
Full Timeline http://www.warbaby.com/FG_test/Timeline.html
History of Computer Graphics: 1960 http://hem.passagen.se/des/hocg/hocg_1960.htm
History of Computer Printers - From dot matrix to UV printing Softpedia http://gadgets.softpedia.com/news/History-of-ComputerPrinters-032-01.html
Ian's Graphics Site - History of Computer Graphics http://www.fieggen.com/ian/g_history.htm
Index of Course Sections http://design.osu.edu/carlson/history/lessons.html
Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization http://datavis.ca/milestones/
Milestones in the history of thematic cartography, statistical graphics, and data visualization http://www.math.yorku.ca/SCS/Gallery/milestone/
Graphic Arts Research Project.
AFFORDABILITY
2000s
As human beings we are interested in those around us, those with whom we make connections and those we have relationships with: people we know, celebrities, even people we don’t know at all. I believe this is why there has been a growth in the making of data visualisations based on statistics relating to humans. Whilst the human race has always been interested in statistics that have relevance to their own lives, the computer has allowed the simple storage and analysis of complex information in such a way that it is now easily accessible to the general population. We now expect to have the most complex of issues explained to us in graphical form and also expect to see statistics accompanied by a graphic, for example if we hear the statistic “one in three people develop cancer in their lives” (http://www.statistics. gov.uk/cci/nugget.asp?id=915 [2009] ) we now expect to see an image of a cancer cell, or a graphic depicting three people, and we in turn visualise ourselves as one of those three people. This fascination with how one fits into the world is often the impetus for modern data visualisations. The explosion of interest in data visualisations is also due to the fact that more people have access to the necessary equipment. They can take their own information or something they are concerned about and produce a beautiful and fascinating graphic to display these data and inform viewers. Thanks to the home computer, it is no longer just designers who make these images. The Internet has fed the need of society to indulge in a fascination with personal data. This, combined with the power that making a set of data into an image has on the understanding of the information, has made the making of graphical representations of our lives more prevalent than ever before. This is only made possible on such a scale due to the power and accessibility of the Internet and the affordability of the home computer.
Figure 3. RORICK. GEORGE (1982) USA Today Weather Map. Available From: http://www.poynter.org/ error_trapper_pi.asp?404;http://www1. poynter.org:80/dg.lts/id.14333/content. content_view.htm [Accessed: Aug 09]
2
MAPS This section contains work that has elements of maps and cartography in their production. Using a map is a very effective technique; it contextualises the work, helps the viewer instinctively know what is being said, and is an efficient way of giving a human aspect to the piece. We have all seen maps of where we live and the world, this previous knowledge assists in our understanding of these visualisations.
Roadtrip 2009 Moving home and visiting north-western Europe
13th - 22nd July
A visual explanation of a travel by car, measured in distance, time and cost
Use of time
Cost of trip
(hours)
Distances traveled
(nok)
(total distance)
There
Back
2131 km
3935 km
2952 km
630 km Food
3
380 km
Pausing
Packing
3
Misc
13259
98 62 59
Back
Insurance
Driving Packing
Traveling
There
Distances pr. vehicle
(by any vehicle)
Tickets
Days
7 4
Weight 113.4 g
1820 mm 71.7 in
Total hours
10
Garmin nüvi® 1200 2008 Designated navigator Size 9,3W 7,5H 1,6D cm Display 7,2W 5,4H cm 320 x 240 pixels QVGA color antiglare TFT, backlight
1720 mm 67.7 in
Height
Time spent
(days)
Marthe Bjelkarøy 1984 Designated passenger
Ole Østring
1983 Designated driver
4255 mm 167.5 in
Width
Fuel
Crew
Wheelbase
2585 mm 101.8 in Length
730 kg 1609 lb 3,2 m3 110 cu ft
219
Vehicle Fiat Doblò, 2001
Engine
1.2 petrol 65 PS 64 hp/48 kW Load:
91km
5083 km
NOK
approx. 1600 EUR
47 km
3158 miles
Total: 162 hours there
Wed 22
Plane
Plane
22:00 km
23:00
Bus
47
FINISH
km
Hirtshals
2 903
Steinkjer
19:00
Kristiansand
Egersund
Værnes
Train
91
km
01:00
20:00
460 km
km
Sjøåsen
170 km
Sola
179
Flesland
17:00
04:00
18:00
km
19:00
141
Car 67 km
Car
Boat
70 62 59
391
km
Car
59
40 38
33
21 2
3
16:00
Kegnæs
Noon/
1084
Sun
Midnight
START
587
15:00
0 England
2
22:00
1
0
1 4
5
9 14
d
4
France
Tue
426
3
Egersun
5
299
297
249
190
6
1
81
Pausing
Packing
Driving
4
Netherland
2 375
399
2
13
Car
179
km
01:00
Car
27
nd km
Kristiansa
141
Overview
Boat
2952 km
5
Belgium 0
4
4
81
2
4
185
8
Germany 0
3 7 12 15
29
307
7 2
Denmark
519
Back
19
6 2
Norway
0
28
645 km
There
2131 km
27
9
8
Total
06:00
Total: 57 hours back
Hirtshals 186
Car
Distance
Mon
Time
km
14
09:00
Århus
Spending By day and category (NOK)
Fuel Food Insurance Misc Tickets Total
Wieringermeer
07:00 22:00 864,47
23.07 491,84
22.07
417,92
21.07
365,00
601,27
275,47
1465,74
856,84
214,44
352,69
20.07
862,01
1494,37
628,16
Hamburg
459,44
17:00 11:00
159.05
928,02
1938,26
Calais
(+1) GMT 16:00
km
1000,00
Dover km
20
930,00
49
1000,00 930,00
Mon
463,15
558
851,19
13:00
13:00
Car
Thursday 17
Monday 20
15 Værnes
Egersund Sola
Egersund
Kristiansand
Hirtshals
Kegnæs Kegnæs
Wieringermeer 06
06
00
12
00
Tuesday 21
18
12
Wieringermeer
Bournemouth
Dover
Dover
Calais
Bournemouth
06
00
24
18
18
12
Calais
Antwerpen
Rotterdam Antwerpen
Antwerpen Rotterdam
Hamburg
Hamburg
Egersund
Kristiansand
Hirtshals
Antwerpen
06
06
00
06
00
00
06
06
00
00
18
12
Wednesday 16
12
18
18
18
12
12
12
Tuesday 15
16
Steinkjer Namdalseid
21:00
outh
Dover
Boat
GMT (-1) 18:00
Car
km
11:00
Monday 14
km
Wed
Thu 17
Sunday 13
100
km
17:00
2 131
205 km
16:00
Calais
100
49 km
12:00
Bournem
km
16:00
275
11:00
100%
Car
23,57% 19,18%
24
Car
08:00
Rotterdam
14,56%
Tue
km
31,53% 11,16%
18
283
2325,00
Antwerpen
4181,56 1479,58 1930,00 3125,11 2543,00
13 259,25
TOTAL:
*Tickets and Misc include Hotel Costs, at approx. 2000 NOK.
Car
2325,00
Fuel costs total: Food cost total: Insurance cost total: Misc cost total: Tickets cost total:
Antwerpen
218,00
16.06
Car
218,00
1200,53
443,99
463,15
09.07
Boat
443,99
10.07
24.06
km
Car
429
741,09
17.07 16.07 15.07 13.07
Car
296,31
338 km
296,31
24.07
Wednesday 22
July
oostring.com
Maps
Collections
COLLECTIONS
38
35
8
9
33
41
36
52
51
47
36
46
60
45
61
66 62
42
36
85
67
83 116
58. HOSPITAL ALEMAN (2009) Coloured Tree, Cookies, and Stairs Available From: http://flowingdata. com/2009/07/07/colored-tree-cookies-andstairs-in-visualization-ad/#comment-32050 [Accessed: Dec 2009]
111
119 112
107
108
10 223 32
25
16
03 30
This initially complex image actually maps out the biggest websites of the internet. It is a creative and individual response to a set of data that is very often visualised. Although the actual data is hard to read into and somewhat lost in the image, it shows a much more human side to the cold figures that could be lost otherwise. There is a lot of depth and plenty for to keep the viewer interested.
15
2
32
5
This graphic makes use of circles as if they were pie charts, showing proportional distribution of certain statistics. I like how each circle encompasses a part of the world on the map, this give immediate understanding of where those statistics are describing. There is also a collection of other interesting statistics around the main image, so someone who is interested by the initial big image can explore further into the piece.
96 97
5
MAPS
31 12 13 21
This section contains work that has elements of maps and cartography in their production. Using a map is a very effective technique; it contextualises the work, helps the viewer instinctively know what is being said, and is an efficient way of giving a human aspect to the piece. We have all seen maps of where we live and the world, this previous knowledge assists in our understanding of these visualisations.
This is a very simple idea but works beautifully. Mapped here are the routes travelled by ships in the North Sea. Thicker lines indicate more travelled routes. Landmasses are not show but the shape of Britain can be clearly seen by the areas left by ocean traffic.
3
This poster shows a collection of statistics about water visualised in many different ways. It makes use of an American map to give context and familiarity to the piece. Personally I don’t like the aesthetics but they are clear and do the job of showing the data in an interesting and clear way.
30
01 10 21 12 13 21 2 512616 61 2 15
52
62 26 3 7 23 7 11 2932 80 08 1429 80 4 1 1 9 2 11 41 14 22 4 27 81 72 27 22 1 18 81 1 31 94 95 131 3 939 49 3 94 59 39 71 17 19 89 95 91 17 19 20 24 98 6 24 89 0 2 4 2 20 6 115 511 115 8 9 9 8 59 959 5 8 2 901 28 120 28 109 98 109 8 1 89 38 18 18 98 8 3 38 0 2 1 120 43 34 34 5 3 39 35 93 35 04 93 411 40 114 33 40 114 5776 33 7 75 33 676 75 2 2 1 122 9 4 49 601 106 49 05122 50 106 84 5048 1 48 29 105 50 92 6 3 6 3 36 36 8 8 88 36 105 92 1 4 421 41 124 6 3 7 7 36 36 88 41 124 77 5 2 1 36 125 77 9 9 99 011 110 125 99 44 110 44 7 3 2 5 37 52 8 5 1 5 58 2 7 58 51 85 811 51 321 58 44 121 52123 118 121 3772 72 111 85 111 118 123 121 46 711 64 117 48 84 111 9 1 1 3 7 119 96 73 69 45 97 86 54 79 19 91 117 35 53 56 68 64 65 3 6 63 84 0 7 70 119 73 1 7 69 71 54 79 211 112 91 87 65 8655 63 78 311 801 53 113 55 301 70108 103 76 66 67 16 45 54 66 61 71 09 90 112 78 74 43 34108 4 7 6411356 74 06 46 65 47 7 0 1 60 201 55 28 102 82 78 107 103 87 38 66 67 83 45 61 90 69 96 75107 57 43100 4060 1 116 86 74 68 26 611 001 47 56 46 104 62 102 82 24 42 87 7 9 83 97 101 101 96 57 62 68 116 104 100 42 97 101 This graphic explores the electronic rubbish in the world. It also goes on to look in detail at Brasil and the specific statistics that are relevant for the country. There are several different pieces of information shown and the colour coding works nicely.
This image applies many variables to a circle. First of all the circle is divided into continents, then cities that have skyscrapers. Lining the outside of the circle is a scale illustration of each skyscraper featured. This makes making comparisons easy and you are able to see relationships easily. Planned buildings are even included and shown to be different by using a light grey.
This is a double page spread from an article about design. It shows how colours fit into the design procedures and combinations that are outlined in a section before this visualisation. The colour pallet is vibrant and the gentle curves of the lines make for an appealing picture.
This graph charts caffeine levels of particular products against the calories they contain. It is a little spatially confusing but interesting once you work out the axis. There are a couple of things with no caffeine on the left hand side to make comparisons against. And on the right there is a sign of what activity you would have to do for 30 minutes to burn off that many calories. For someone interested in the subject matter, this could be a useful and interesting chart.
This graphic illustrates the efforts toward climate change, both good and bad, globally. It uses characters with emotions to show the difference between good and bad. The aesthetic makes the subject more approachable but isn’t accurate enough or contains enough information to give real insights into the subject matter.
This is one of the most popular data visualisations on the internet currently. It depicts Bob Dylan in profile and shows many different areas of his interests, which have been gathered from listening to his radio show. The type layout is what makes the piece so interesting and manages to capture something of the man himself. This is a great piece of work.
This collection of data is based around the Joy Division song ‘Love will tear us apart’. The circle is comprised of artist that have covered the song and the date that they did so. It also includes dates and other emotional connections that certain artists had to the song and when they covered it themselves.
This graphic shows the amount in tonnes of carbon emissions that all the countries of the world have put out between 1751 and 2006. It is obvious to see which countries account for the biggest emissions globally. It also gives a similar version of the chart but for just the year 2006, this is interesting at scale but unreadable as a result. Similarly, a lot of the countries in the main chart are unreadable. An interactive version of this graph would be more able to achieve these things.
The graph uses its subject matter to influence its aesthetics to provide a thought provoking visualisation. The 3D bar chart has a feel of water about it and has a little boat sitting on the top. I like the way it contextualises the content with a bit of humour. It is also easily readable.
This graphic effectively shows a comparison of Pete Sampras and Roger Federer’s tennis careers. They both statistically have the same number of wins but the graphic shows how Federer has won his in much less time than Sampras. It is because of how the image was designed that these kinds of relationships become clear.
This image shows the ways that coffee’s aroma and taste can be described. The colour coding suits each adjective and helps the organisation. The chart is a little unusable as it is and would benefit from some explanation on how to use it, but it is still an interesting piece.
These three images are from a set of work by Section Design. They outline aspects of our modern lives: there is the evolution of the phone, how audio/visual equipment has changed and how disc space has increased over time. The images use a large set of data to make interesting
This magazine image maps the Internet by category and interest. Similar sites are grouped on each petal of the wheel. The image is good at showing what are the most popular websites of each type.
and informative visuals. They are not immediately accessible but once a bit of time has been invested they are rewarding.
This is one page from a commissioned paper about animals that are close to extinction. This page shows how close each of the animals included in the paper are to extinction. The use of a temperature feeling gradient makes this and immediately understandable piece. The lines at the bottom all lead to the different types of species that each animal fits into.
In this area, all the visualisations work to show relationships and connections that would have otherwise been lost in the raw data. These links that are discovered and shared by the designer are often the most interesting thing about a set of data and give a huge insight into the true nature of a set of data. The computer makes finding and showing these connections easier than ever before, with the power to handle a huge amount of data all at once and then output it visually.
This graphic illustrates the consumption of wine in different countries. The larger the circle, the more that was consumed in that year. It’s a great twist to make the whole image look like a bunch of grapes, which makes this a very intriguing piece.
This poster was in a series that was commissioned by a children’s hospital. It shows what goes through a child’s mind in a very playful way and is fun and accessible.
This image shows the physical places that five of the top American basketball coaches went in one year to find the best new talent. I like how each of the five coaches make up a segment of the circle. The colour coding works well and the type showing the city names is unobtrusive.
This graphic shows the number of different events each Olympics and winter Olympics has put on since the 1924 Olympics. It is clear to see how the modern day games have increased in scale over time.
This is one side of a twosided poster that was designed to be printed on semi translucent paper. One side depicts things that members of the UN have done to help peace and one side shows what they have done to help war. When looking at the poster with light behind, you can see which countries cancel out their good deeds with what are deemed as bad ones. This is a very good show of this set of data and interesting to interact with.
This website maps the popularity of artists on Last FM. The larger the circle the more popular the artist is. Similar artists are then positioned near each other to give a view of what genres of music are popular at that time. The website runs a little slow even on a fast connection due to the massive amount of data.
This is a visualisation based on the book Visions by Michio Kaku’s . It shows the connections between characters and the plot line. This is more of a beautiful image than an informative one as it is hard to grasp just what everything means in the picture unless you have previous understanding of the book.
This cover of an issue of the New York Times Magazine depicts housing costs in and around Boston. This image was made more for its beauty than for it to read too far into. A general relationship of Boston’s centre having the highest house prices is easily seen.
This graphic shows the relationships between different factors in the city of Torino. It depicts the connections between the community, communication, and other complex themes. This map is not geographical but instead shows the way the city runs under the surface.
This image shows the connections that citations have in a certain set of papers and reports. It shows how the different aspects of each broader area of science relate to each other. I like the outcome of this image.
This image shows many different aspect of the creative process, how a business is run and how these relate to a customer. It is incredibly detailed and there is no obvious route to follow. Once the viewer is in close to the image there is a lot to see and gain from reading this piece.
This is a visual representation of the film Adaption. It shows which characters are in which scenes, what key moments happen and when, and the ‘time jumps’ in the film. The colour pallet suits the work and the circular nature makes for a very strong final outcome.
This is a political piece against landmines. It shows how to put a doll together, this is juxtaposing how a land mine explodes a human being.
This diagram shows the number and type of tags on photos on Flickr. It shows the relationships that certain types of tag have with each other. The image was unfinished at the time of research.
This very simple graphic gives comparisons of the world’s largest buildings using the Royal Albert Hall as one unit of volume. It is a nice image of the building, however using it to see the scale of other buildings is hard to understand as the image just uses a numeric multiplier.
This connection map shows how illnesses and diseases that affect humans are inter-related. It shows number of people affect by each category by the radius of the circle attached to it. It is thus easy to see which things affect the most people.
This graphic displays the contents of a book about interaction. It shows a collection of keywords and charts them next to a number of other variables. They are essentially a visualisation of a book. It is easy to see where each of the subjects fits into the book at a glance, and you can see the key points of each book.
This graph pictorially represents airline crashes in the United States from 1930-2009. The data is organised by airline, but it doesn’t take into account how long each company has been providing a service so is a little misleading.
This graphic takes the team names from American baseball and organises them into categories. Each separate section is accompanied with information specific to it. The image is perhaps more interesting to someone who is familiar with baseball first of all.
This image graphically charts the different events in one mans day. He has categorised everything he does in a day, colour coded them and ordered them by time. An interesting part is the upper right where he has mapped out a broader view of his day which can be used over the original image to understand it in a different way.
This image was designed to try and portray the human mind. It takes words and connects them as our brains would: some are seemingly random whereas others are almost obvious. It is a nice image which can be looked deeper into or viewed as a whole.
This image maps media companies and types of communication. Some link directly and lead onto others. There is also a political aspect and some countries are represented. The work takes a lot of time to get into and understand what is going on. I feel aren’t good enough to help this as the whole image is based around just a couple of keep pictures, so differentiating one thing from another is difficult.
These three images are from a set of work by Section Design. They outline aspects of our modern lives: there is the evolution of the phone, how audio/visual equipment has changed and how disc space has increased over time. The images use a large set of data to make interesting and informative visuals. They are not immediately accessible but once a bit of time has been invested they are rewarding.
This work contains many different statistics and facts about plane crashes. The collection covers a lot of different things and each is visualised in a different way. The collection works well together.
This chart outlines the biggest ten brands in Britain and shows which other companies and brands they own. The data is very interesting and this chart makes it easy to understand.
This image gives a break down of all the different kinds of post and average American gets. It uses friendly graphics to make a set of figures look interesting and personal.
This poster includes many different statistics about ‘we are the fiction’. It shows lots of the statistics with only type, but this all that is required. There is some imagery used to re-enforce the statisitcs.
This graphic visualises the amount of debt certain countries are in with America. The use of the same icon, the dollar sign, and the same scale means it is easy to see the distribution. The colour choices make the image a little less desirable but this is only a small shortcoming.
This graph give the statistics of deaths from many manners of death and compares them to swine flu. The colours work well and reflect the content. Comparisons are easily drawn from the image.
This chart compares different statistics about the increasing industry of plant production, and other related jobs, in the US states. The image is clear and easy to see the data it is showing.
This image is based around the research Quentin Delobel did on Joseft Mueller Brockmann. He categorises the research, organises it by where he found it from, puts it into chronological order and a critically evaluates it. There is a lot of information on this graphic and it organised well.
This graphic shows a number of movie trilogies and their success in “a series of pop cultural charts”. It however does not show what the data charts are based upon, whether it is revenue or critical opinion, or something else.
The interlinking nature of this graphic helps the images explain themselves and makes the piece engaging. There are many different statistics about the same subject portrayed here.
This web shows the connections between a collection of different areas of knowledge a group of people have. It maps people’s specialist areas and shows ones that are shared between two people.
CONNECTIONS
This graphic shows the relationship between delays to flights and the point of departure of the biggest airports in America. The data is from the holiday season 2009. The larger circles show a larger delay in minutes. It is quickly easy to see which airports had no delays and which did, but it is a little misleading as there is no explanation for any of the delays, which may have had legitimate causes.
This image shows the locations where particular airplane accidents happened. It uses the area of circles to give a quick idea of ranking and it is easy to see where it worst. It also places these circles on particular locations on a global map showing where each crash happened. The size of each circle represents the number of fatalities in each crash. The simple circles show a number of variables and lots of data quickly. Details are given at the bottom of the poster for a more detailed analysis. I like this poster however I’m not convinced that the area of each circle is proportionate to the adjoining statistic.
Mapped on this image is the number of active bloggers, data on social network, video sharers and photo uploading websites usage, and microbloggers. Scale of circles accurately reflects these different statistics and provides a quick understanding of the masses of data involved in this graphic. Using the map also gives instant understanding of where each set of data is from.
This map shows key cities in Germany ranked in order of their diversity and the degree to which they are rural or urban. The image is complex which reflects the human aspect of th
This is a simple chart showing the revenue from the biggest films of history. The length of the line shows the total revenue and it includes a representation of the number of theatres that showed each film. A lot of the data is represented as a number, which is almost lost amongst the rest. The information is interesting but there are comparisons and relationships that are perhaps unexplored such as the cost per ticket to watch each film.
The Feltron annual reports show statistics gathered from Nicholas Feltron’s office. They compile the information in different visual styles every year. This example is from the 2007 report and makes use of many pie charts. Information is clearly laid out and the type setting is very good.
COLLECTIONS
This image shows information collected from a number of sources in a way that is immediately recognisable and understandable. This works to the advantage of the work as there is already a base of understanding to go off. The data is organised intelligently and correctly. This is a great piece of work depicting many different variables simply and understandably.
This is a visualisation of the book Destroyer’s Rubies. It organises the words of the book into an order of the most frequently used and shows this with the weight of the type. It also shows a number of other stats. This piece would be interesting to someone who knows the book, but because of the good graphics and colour scheme, it is an interesting image for someone who hasn’t as well.
This is a page from a book about typography and shows all the different names for the anatomy of type. There is a lot of information but it is all understood quickly because of the use of shapes and shading.
These images all contain multiple sets of different data. The designer usually uses data from different areas of one subject and makes them work together to give a whole view of one particular theme. These visualisations are powerful as they give a lot of discrete evidence around an issue or subject.
This uses the American flag as context for its information. It works well but the colour scheme does not work well enough for me. The statistics are also almost hard to relate because of them being on different lines, but it is okay once you have got your mind in the piece properly.
This pictograph shows the top then pharmaceutical companies in America. It is a fairly basic chart using pills to represent profit. It is very easy to see what is going on.
This work is a visual representation of one designer’s career. It shows many factors and is an interesting read. Initially not that stimulating but once you understand the key and scales it is engaging.
This collection of graphics shows the different kinds of haulage vehicles and their comparisons. Most of the information is still in a number form so it does not quickly show any relationships. The line drawings suit the subject matter.
This graphic compares the weights of old and new digital media technologies. It also gives a comparison of file sizes. This is quite a simple image but is a little confusing as some scales don’t match.
This is a layout of a building that shows the different parts and names of the building. The image is a good example of informational graphics.
Graph c Arts Research Pro ect Second o wo A0 wa char s Th s char concen ra es on show ng he bes da a v sua sa ons rom he as wo years
This collection of statistics explores the relationship between poverty and social exclusion, and the economic conditions that lead to the related issues. The image is dynamic and draws you in to look in depth at what it is showing. There are a lot of different statistics but they all work in harmony with each other.
This is an expansion of a seminal data visualisation. This version of the periodic table includes more information, giving pictorial examples of uses for each element and other characteristics of the elements not included on a standard periodic table. This new twist is a little ugly but the extra information is ultimately probably quite useful.
This collection of graphics visualise a large amount of different types of data. I like the clouds of words at the bottom of the page and the colours work well to stop the image from becoming too confusing.
This image uses colour to represent the news coverage over one month in 2007. The different colours show what was reported, and the layout shows how much of a programme was dedicated to which stories. It is a little hard to get into but once you get accustomed to which colour means what it is clear to see relationships.
In this image, there is a collection of statistics and different pieces of information that add up to a fairly in depth look at the assassination of Martin Luther King. I like the palette used for the buildings and the easy to access nature of the work.
This graphic outlines statistics about which American city is best for cyclists. The humorous use of the leg gives a real human aspect to a subject that is so based in people’s lifestyle choices.
This is a typographical representation of four centuries of black history. The key points are larger and easier to see. When the viewer interacts with it, they can stand and look from afar, or they can get close to the poster and gain access to more information. The earth tones suit the content.
This chart aims to show the realities of the last decade economically. It uses friendly characters and colours to keep light hearted.
This is a collection of statistics based around the sun for Italy. It makes use of a couple of techniques to show different types of data but they don’t really combine together. The use of the limited palette helps to brings the components together, suits the subject and engages the viewer.
The statistics that this piece is derived from are all based around corn. This is obviously apparent by the imagery used. The effect is good and the different parts of the plant are use for lots of sets of data. It has done well to combine so many different pieces of information into one image.
This visualisation shows the designer’s life from age 6 to 24. It plots all his achievements both academic and non-academic. It also shows his progress in each area of his life. This is a charming piece and you get a real sense of the designer and his values.
This graphic shows a variety of statistics about all the zoos included. It shows among other things, the number of species that each one of the zoos have, the number of visitors, and the proportions of each type of animal. It uses a made up creature to show these figures. The idea is an appealing one. Also some statistics are lost because they are not at a similar scale as the rest of the data.
This graphic outlines a visual language that can be used to describe all the stages of a package as it passes through a factory. The end result is somewhat complex but the simple graphics demonstrate the ideas clearly enough to follow.
This selection of graphs use familiar objects to give context to the data. There is a lot of data that has gone into the image but it is all manageable when viewing the image as it is all spaced out separately.
This collection of images gives a lot of data about fish stocks around the world. I really like the colours used as they give a lot of feeling to the piece.
This publication was made to visualise President Obama’s inauguration speech. It makes use of many techniques, including stroke weight, to clearly show many different types of data. The book is in grey scale, which is very effective.
This timeline was found in the Observer (April 6, 2008) and depicts a short history of art. I like how it feels like it is in a sketchbook, which reflects its subject matter. It is easy to follow but doesn’t contain much data.
The image shows the distribution of food retailers over a particular amount of time. It shows what time of day the food is sold and how much. It is unclear immediately what the image is showing and takes time to get to understand it.
This is also a collection of images based around one subject. They work together to show different aspects of one area. I don’t like this visualisation as much as it relies heavily on words, and the aesthetic is too cartoon-like. The map in the top right could have been a really interesting point but I feel it is lost behind unnecessary visuals.
This image gives a break down of all the medals won in the Last Olympics. It organised the data by continent first of all with circles of varing radius to represent number of medals won. These circles are segregated to show the medal distribution per country within each continent. It goes into some depth with other statistics around the main image showing things like the people who won the most medals. This is a thorough read of a large set of statistics, which is presented in an easy to read way.
This simple graphic show the profit share that apple have over other mobile phone makers. There is an interesting use of areas to represent percentage share. The image is a little boring and perhaps there are relationships that are not made the most of: they have the data of the market share each company has but don’t visualise the market as a whole.
This is a very effective image that shows the comparative proportions of different styles of coffee. The concept is very easily grasped as the imagery is so distinct and recognisable.
This graphic connects a bill of rights to a light-hearted set of sentences. The images are representative of each of the different sentences and combine to make an emotive image.
This is a great image depicting various affects the downturn has had on America. Each line visualises a different statistic but they are organised in such a way that they don’t interfere with each other.
This image is made of a survey of shoes colour, type and condition from six different areas of Dunedin, Otago. The illustrations are welcoming and the information easy to see. There are some interesting statistics pulled from the data that are shown on the left hand side.
This humorous image shows the money spent in American Restaurants in the second quarter of 2009. It is clear to see which companies are having the highest increase in sales and the two types of restaurants are obviously separable.
This graphic visualises a large set of data gained from Twitter. The data that has been collected has been analysed and this chart is based on averages applied to 100 people. The information presented is interesting and very easy to access through the simple and cheerful graphics.
103 102
87
104
92
99 118
117 91
W am B ake F om Auguo e o nno en e
12
93 105
110 121
79 113
90
74
95
98 106
124
123 86
68
122
125
84
73
94
115 109
88
77
72 69
81
89
114
101
122. ECONOMY AT A GLANCE (2009) Available From: http://www.flickr.com/ photos/rajkamalaich/3521457019/ [Accessed: Aug 09]
57. FLICKR TAG MAPPING (2009) Flickr Tag Mapping Available From: http://www.flickr.com/ photos/toby_maloy/102413554/ [Accessed: Dec 2009]
56. ADAPTATION (2009) Rodrigo Machando’s Portfolio Available From: http://www.behance.net/ Gallery/Adaptation/194191 [Accessed: Dec 2009]
121. PIGGY TROUBLE (2009) Available From: http://www.flickr.com/ photos/rajkamalaich/3512001333/in/pooldatavisualization [Accessed: Oct 09]
54. NATURE (2009) well-formed eigenfactor Available From: http://well-formed.eigenfactor.org/img/shots/radial_06.png [Accessed: Nov 2009]
53. TORINO ENVIRONMENT (2008) Torino Environment from Complexity maps Available From: http://visualthinkmap.ning.com/photo/photo/ show?id=2168552%3APhoto%3A1820 [Accessed: Oct 09]
55. THE BRAND BUSINGESS RELATIONSHIP POSERT (2009) Available From: http://api.ning.com/files/ w7DpjrGDgSRuPW8rXcjJQIYg-9NCIRL0iFYmz6vQlAlL-C65IMPCwZhl-DNeeqRYNzIzdUkCY1wYOwcTHV6vZIvT-rHQDO-/thebrandbusinessrelationshipposter1300million.jpg [Accessed: Nov 2009]
120. ARE WE OVER THE WORST? (2009) Available From: http://www.flickr.com/ photos/rajkamalaich/3811689794/in/pooldiagram [Accessed: Dec 09]
119. LA FATTORIA DEI PESCI (2009) Available From: http://www.flickr.com/ photos/ffranchi/3842469598/ [Accessed: Nov 09]
118. BIKE OPOLUS (2009) Biking To Work. Available From: http://awesome.good.is/ transparency/web/0910/bike-commuting/ flat.html [Accessed: Nov 09]
117. 389 YEARS AGO (2009) Wall Stats. Available From: http://www.wallstats. com/389yearsago/#about [Accessed: Dec 09]
51. EXTINCT (2009) Extinct Available From: http://www.networkosaka. com/content/projects/extinct/ [Accessed: Dec 2009]
50. INSIDE DYLAN’S BRAIN (2008) Andrew Nimmo and Beth Bartholomew Available From: http://www.flickr.com/ photos/sergio28/2482933134/sizes/l/ [Accessed: Sept 2009]
52. GLOBAL LEVELS OF WINE CONSUMPTION (2009) Plant of the Grapes Available From: http://strangemaps. wordpress.com/2009/04/27/377-planet-ofthe-grapes/ [Accessed: Nov 2009]
116. ART TIMELINE (2008) Art Timeline. Available From: http://visualthinkmap.ning. com/photo/2168552:Photo:19?context=latest [Accessed: Dec 09]
115. WE ARE THE FRICTION (2009) Data Set #1. Available From: http://www.flickr.com/ photos/singstatistics/3800940728/ [Accessed: Oct 09]
114. 300 DAYS (2009) Swine Flu Mortality Available From: http://www.flickr.com/photos/michaelpaukner/4052849920/ [Accessed: Nov 09]
48. I CODICI DEL DESIGN (2009) Available From: http://www.sistemadesignitalia.it/drm/report_drm.pdf [Accessed: Oct 2009]
47. WHAT A HOUSE IS ACTUALLY WORTH (2009) Available From: http://visualisationmagazine.com/blogvisualthinkmap/ [Accessed: Dec 2009]
46. CONSTRUCT TO DESTROY (2009) Available From: http://www.flickr.com/ photos/densitydesign/570705098/ [Accessed: Jan 2010]
49. LOVE WILL TEAR US APART AGAIN (2009) AisleOne Available From: http://www.aisleone. net/2008/intervista/intervista-petercrnokrak/ [Accessed: Oct 2009]
113. OBAMA’S SPEECH (2009) Obama’s Speech: a typographical interpretation. Available From: http://www.behance.net/ Gallery/obamas-speech-a-typographicinterpretation/209583 [Accessed: Nov 09]
112. THE PERIODIC TABLE OF ELEMENTS (2009) Available From: http://imgur.com/ [Accessed: Dec 09]
111. INSIDE VIS WEEK 09 (2009) Available From: http://www.flickr.com/ photos/25265323@N03 [Accessed: Dec 09]
110. STAFF SPEAK (2009) Available From: http://www.flickr.com/photos/rajkamalaich/3554207556/sizes/l/ [Accessed: Dec 09]
44. HOLIDAY HOLD-UPS (2009) Available From: http://www.windowseatblog. com/2009/12/holiday-airport-delays [Accessed: Dec 2009]
43. LAST FM SPRING GRAPH (2009) Available From: http://pages.swcp. com/~atomboy/lastfmgraph/ [Accessed: Nov 2009]
42. UNITED STATES 1930-2009 COMMERCIAL AIRLINE CRASHES (2009) Available From: http://www.flickr.com/ photos/may-sun/3679131602/ [Accessed: Dec 2009]
45. TOTAL INTERACTION, Projeckt Triangle. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 48.
109. WHICH COUNTRIES WHICH OWN AMERICA’S DEBT? (2009) Who Owns What? Available From: http://www.usfst.com/news/ federal-deficit-who-owns-what/ [Accessed: Nov 09]
108. THE SHAPE OF THE NEWS. Gestalten. (2008) Data Flow: Visualising Information in Graphic Design. 2nd ed. Gestalten. Pg 241.
107. GIUNGLA D’ASFLTO (2010) Available From: http://www.flickr.com/ photos/ffranchi/4277655890/ [Accessed: Jan 10]
106. CURBSIDE CUISINE (2009) Available From: http://www.flickr.com/ photos/rvc4/4003097099/sizes/l/ [Accessed: Dec 09]
41. COFFEE TASTING FLAVOUR WHEEL (2008) Available From: http://loichay.tumblr.com/ post/40216439/coffee-tasting-flavor-wheelvia [Accessed: Dec 2009]
105. PACKAGE STATUS (2004) Package Status. Available From: http://www.ritwikdey.com/ [Accessed: Aug 09]
40. EMISSIONS (2009) Available From: http://www.flickr.com/ photos/carbonquilt [Accessed: Nov 2009]
104. DIGITAL MEDIA WEIGHTS AND MEASURES (2009) Available From: http://www.flickr.com/photos/36343059@N08/3477759966/sizes/o/ [Accessed: Aug 09]
39. BRITISH HISTORY TIMELINE (2009) Available From: http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml [Accessed: Aug 2009]
102. SHOW DO MILHAO (2009) Available From: http://www.flickr.com/ photos/gianordoli/3815032658/ [Accessed: Jan 10]
101. LA ALHAMBRA DE GRANADA (2009) Available From: http://www.flickr.com/ photos/37723305@N06/3469030764/ [Accessed: Dec 09]
100. FORK IT OVER (2009) Resturant Spending up in Q2. Available From: http://www.mint.com/blog/ [Accessed: Nov 09]
99. NEWS MAP (2009) Available From: http://marumushi.com/ projects/newsmap [Accessed: Nov 09]
98. COFFEE DRINKS ILLUSTRATED (2007) Available From: http://www.flickr.com/ photos/two-eyes/1285147549/ [Accessed: Aug 09]
97. ANIMALS IN THE HOUSE (2008) Animals in the House Available From: http://www.good.is/post/ animals-in-the-house/ [Accessed: Dec 09]
96. SHOES.. THE WINDOWS TO THE SOLE? (2009) Available From: http://www.flickr.com/ photos/40359549@N08/3837270132/ [Accessed Dec 09]
95. DISTRIBUTION OF WEALTH AND THE UNEQUAL OR POVERTY (2009) Piracy for Oscar Nominated Movies Available From: http://flowingdata. com/2009/01/29/visualize-this-piracy-foroscar-nominated-movies/ [Accessed: Nov 09]
94. HOW CAN WE AVOID DANGEROUS CLIMATE CHANGE? (2009) Available From: http://www.ngpowereu.com/ [Accessed Nov 09]
93. THE MAKER’S BIL OF RIGHTS (2009) Available From: http://www.flickr.com/ photos/jprovost/3720246731/ [Accessed: Nov 09]
90. iPROFIT (2009) Available From: http://www.informationisbeautiful.net/ [Accessed: Nov 09]
89. THE TRILOGY METER (2009) My Trilogy Meter Available From: http://danmeth.com/ post/77471620/my-trilogy-meter-1-in-aseries-of-pop-cultural [Accessed: Sept 09]
88. THE $400 MILLION CLUB (2009) Available From: http://www.flickr.com/ photos/rickycantdraw/3711613625/ [Accessed: Aug 09]
87. LIFE MAP (2007) Life Map Available From: http://www.flickr.com/ photos/ritwikdey/426048360/sizes/l/ [Accessed: Oct 09]
103. SOL-ITUDINE, IL DESTINO DELLA TERRA (2009) Available From: http://www.flickr.com/ photos/ffranchi/3437984787/ [Accessed: Oct 09]
38. THE BUZZ VS THE BULGE (2008) Information is Beautiful Available From: http://www.informationisbeautiful.net/ [Accessed: Nov 2009]
37. BEEN THERE, Catalogtree. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 62.
EVOLUTION OF THE MOBILE PHONE (2009) Available From: http://www.flickr.com/ photos/36343059@N08/3493838183/sizes/o/ in/photostream/ [Accessed: Nov 2009]
AUDIO/VISUAL (2009) Available From: http://s3.amazonaws.com/ data.tumblr.com/tumblr_krj263qnQm1qa6ke2o1_1280.jpg?AWSAccessKeyId=0RYTH V9YYQ4W5Q3HQMG2&Expires=1264027011 &Signature=y1qh05u%2BJJI5LSNGaJrnSc WJ9ZQ%3D [Accessed: Nov 2009]
36. DISC SPACE (2009) Available From: http://twitter.com/WeAintPlastic [Accessed: Nov 2009]
35. HIGH RISE (2009) Available From: http://www.td-architects. eu/?id=49 [Accessed: Dec 2009]
34. THE DOMINO EFFECT (2009) The Mirror Effect Available From: http://www.behance.net/ Gallery/Infographic-Design/222356 [Accessed: Nov 2009]
33. TIED AT 14 (2009) Available From: http://intridea. com/2009/6/8/data-visualization-samprasfederer-title-race [Accessed: Sept 2009]
31. ROADTRIP 2009 (2009) Roadtrip poster final Available From: http://www.oostring.com/ weblog/?p=181 [Accessed: Oct 2009]
32. ATTENTI A QUESTO DRAGONE (2009) Available From: http://www.flickr.com/ photos/ffranchi/3998057674/sizes/l/ [Accessed: Dec 2009]
30. INTERNET SPEEDS AND COSTS AROUND THE WORLD (2009) We love data vis Available From: http://datavis.tumblr.com/ post/216164560/internet-speeds-costsaround-the-world-via [Accessed: Nov 2009]
92. A 40 ANOS DEL ASESINATO DE MARIN LUTHER KING (2009) Available From: http://www.infografias.cl/ [Accessed: Dec 2009]
29. US FORECLOSURE ACTIVITY (2009) US Foreclosures’ Flurry of Activity Available From: http://www.usfst.com/news/ US-foreclosures-flurry-of-activity/ [Accessed: Nov 2009]
91. THE AMERICAN DREAM NIGHTMARE (2009) Cool Infographics: The American Dream/Nightmare Available From: http://calculi.posterous. com/cool-infographics-the-americandreamnightmare [Accessed: Aug 09]
28. NO MORE FISH IN THE SEA (2009) Transparency – Where Are All The Fish Available From: http://www.good.is/post/ transparency-where-are-all-the-fish/ [Accessed: Nov 2009]
27. WORLD MAP (2008) World Map Type Painting by Paula Scher Available From: http://visualthinkmap.ning. com/photo/2168552:Photo:419?context=la test [Accessed: Nov 2009]
26. GERMANY’S BIG SIX-O (2009) 60 Years of Federal Republic of Germany Available From: http://thesis.armina.info/ node/132 [Accessed: Dec 2009]
25. 3 MONTH CROCHETING (2009) Available From: http://www.etsy.com/ storque/etc/infographics-one-sellers-visualization-4128/ [Accessed: Nov 2009]
86. CURRICULUM VITAE (2007) Available From: http://dizzia.deviantart.com/ art/Curriculum-Vitae-PDF-69050981 [Accessed Dec 09]
24. MEANINGS OF THE PICTOGRAPHS (2009) Available From: http://as-map.com/blog/ index.php/feed/ [Accessed: Dec 2009]
TO SEE A WORLD N A GRA N OF SAND AND HEAVEN N A W LD FLOWER HOLD NF N TY N THE PALM OF YOUR HAND AND ETERN TY N AN HOUR 85. ANNUAL REPORT, Feltron 2007. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 41.
23. WEB TREND MAP (2009) Available From: http://webtrendmap.com/ ia2/350/ [Accessed: Dec 2009]
84. TOP TEN PHARMACEUTICAL COMPANIES (2009) Cool Infographic Showing sales of top ten pharma companies. Available From: http://arthuralston.posterous.com/cool-infographic-showing-salesof-top-10-phar [Accessed:
22. LIXO ELECTRONICO (2009) Available From: http://www.flickr.com/ photos/gersonmora/3815797467/in/pooldatavisualization [Accessed: Nov 2009]
83. ANATOMY AND FORM (2009) The Typographic Desk Reference Available From: http://typedeskref.com/ [Accessed: Oct 09]
21. SURFACE AREA OF THE WORLD (2009) Total surface area of the world required to fuel the world with solar Available From: http://www.landartgenerator.org/blagi/archives/127 [Accessed: Nov 2009]
82. TWITTER STATS (2009) More Truth About Twitter Available From: http://www.informationisbeautiful.net/2009/more-truth-abouttwitter/ [Accessed: Nov 09]
20. GLOBAL TRAFFIC MAP (2008) Available From: http://www.telegeography. com/ [Accessed: Nov 2009]
81. INSTAL 09 (2009) Available From: http://www.jezburrows.com/ projects/instal-09/ [Accessed: Dec 09]
19. SOCIAL WEB INVOVEMENT (2009) Global Map of Social Web Available From: http://www.globalwebindex. net/latest/index.php/2009/11/26/infographic-001-global-map-of-social-web/ [Accessed: Dec 2009]
80. GEOLOGICAL TIME SPIRAL (2009) Available From: http://www.flickr.com/ photos/ethanhein/3420191462/in/poolinnovation-dataviz [Accessed: Nov 09]
17. MOVEMENT MAP: 1HR INFRONT OF THE TV (2006) Available From: http://www.flickr.com/ photos/the_bumblebee/2229041742/ [Accessed: Sept 2009]
18. SOCIAL MEDIA LANDSCAPE (2009) Infographic of the day: China’s social media map Available From: http://www.fastcompany. com/blog/noah-robischon/editors-desk/ infographic-day-chinas-social-media-map [Accessed: Nov 2009]
79. EL MEDALLERO ES UN MUNDO (2009) Available From: http://media.photobucket. com/image/recent/chiquiesteban/mada.png [Accessed Nov 09]
78. DESTROYER’S RUBIES (2009) The Modern Listeners Guide Available From: http://www.jezburrows.com/ projects/the-modern-listeners-guide/ [Accessed: Dec 09]
16. PROGRAM THEATRE DE VEVEY 03-04, Lux. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 116.
77. REDUCE YOUR ODDS OF DIEING IN A PLANE CRASH (2009) Information is Beautiful Available From: http://www.informationisbeautiful.net/ [Accessed: Nov 09]
15. FOO BAR BY EBOY(2008) Available From: http://visualthinkmap.ning. com/photo/2168552:Photo:34?context=latest [Accessed: Dec 2009]
76. ATLAS (2007) This is knowledge cartography. Available From: http://www.knowledgecartography.org/#images [Accessed: Oct 2009]
13. SOLAR POWER IN EUROPE Available From: http://www.ngpowereu.com/ [Accessed: Nov 2009]
12. WEB TREND MAP 2007 (2007) Available From: http://informationarchitects. jp/ia-trendmap-2007v2/ [Accessed: July 2009]
14. UM PAIS CONDENADO A TREMER Available From: http://www.flickr.com/ photos/gersonmora/3796549075/ [Accessed: Nov 2009]
75. MAPA INTERNETU NOWEI GENERACJI (2009) Focus Magazine Feature Available From: http://www.flickr.com/ photos/jess3saves/3749584818/ [Accessed: Nov 2009]
74. THE MISSISSIPPI RIVER (2009) The Mississippi River Type Map Available From: http://www.flickr.com/ photos/amapple/2546733739/in/set72157602275753358/ [Accessed: Dec 2009]
11. THE DEADLIEST AIRPLANE ACCIDENTS (2009) Available From: http://www.travelinsurance. org/wp-content/uploads/2009/11/DeadliestAirplanesFinal.jpg [Accessed: Nov 2009]
73. WHAT’S IN THE CUSTOMERS MAILSTREAM? (2009) Available From: http://1.bp.blogspot. com/_V1hky3QMM4k/SayU5hdQSvI/ AAAAAAAABLU/pM_pC3CDqHw/s1600-h/ USPS+Mail+2.jpg [Accessed: Nov 2009]
72. GROWING THE GREEN JOB BOOM (2009) Available From: http://awesome.good.is/ transparency/web/0910/greenboom/flat. html [Accessed: Nov 2009]
10. WHERE WE LIVE (2008) Available From: http://1.bp.blogspot.com/_ HRnKzjq-c5g/Sd9vtNArvJI/AAAAAAAAAks/ rtrE4u5ZqgU/s1600-h/Imagen+2.png [Accessed: Aug 2009]
9. OPEN STREET MAP (2009) Available From: http://www.openstreetmap. org/ [Accessed: July 2009]
71. A B PEACE & TERROR ETC., The computational aesthetics of Love & hate. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 20.
7. BOTTLED WATER (2009) Available From: http://www.onlineeducation. net/bottled_water/ [Accessed: Nov 2009]
8. MAPPING:CH, Lorenzo Geiger. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 21.
70. VISIONS (2008) Visions Poster Available From: http://www.flickr.com/ photos/networkosaka/2910387398/ [Accessed: Nov 2009]
6. WEB TREND MAP (2009) Available From: http://www.datavisualization.ch/ [Accessed: Sept 2009]
69. JOSEF MUELLER BROCKMANN (2008) Josef Mueller Brockman Available From: http://www.quentindelobel. com/index.php?/cartographie-josef-mueller-brockmann/ [Accessed: Nov 2009]
5. GLOBAL INTERNET MAP (2009) Available From: http://www.telegeography. com/product-info/map_internet/index.php/ wallpaper/wallpaper/InternetMap09_wall2. jpg [Accessed: Nov 2009]
68. WEBSITES AS GRAPHS (2006) Websites as Graphs Available From: http://www.aharef. info/2006/05/websites_as_graphs.htm [Accessed: Sept 2009]
4. WORKING AROUND THE WORLD (2008) How much the western world works. Available From: http://shawnroos.posterous. com/infographic-how-much-the-westernworld-works [Accessed: Aug 2009]
67. VISUALISATION OF THE TOP TEN MOST POPULAR UK BRANDS (2007) Top Ten Most Popular UK Brands Available From: http://www.wonderlandblog. com/wonderland/2007/01/top_ten_most_ po.html [Accessed: Aug 2009]
3. ATLAS OF THE NORTH SEA, Lust. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 110.
66. THOUGHT TRACKER POSTER, Chargokyberneticks. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 85.
HOW THE WORLD REALLY SHAPES UP (2007) How the world really shapes up. Available From: http://www.dailymail.co.uk/ news/article-439315/How-world-reallyshapes-up.html [Accessed: Nov 2009]
65. THE RANDOMNESS OF DAILY LIFE (2009) From Jarrod Barretto’s Portfolio Available From: http://www.behance.net/ Gallery/Personal-Infographic/238344 [Accessed: Nov 2009]
2. WORLD MAPS, Worldmapper. Data Flow: Visualising Information in Graphic Design (2008). 2nd ed. Gestalten. Pg 122.
64. THE GROWING HISTORY OF THE OLYMPICS (2008) The history of Olympic Medals Available From: http://www.coolinfographics.com/2008/11/history-of-olympic-medals. html [Acessed: Aug 2009]
63. DISEASOME (2008) Mapping the Human Diseasome Available From: http://www.nytimes.com/ interactive/2008/05/05/science/20080506_ DISEASE.html [Accessed: Nov 2009]
[Accessed: Aug 2009]
1. THE INTERNET’S UNDERSEA WORLD (2008) Technology Pictures. Available From: http://image.guardian.co.uk/sysimages/Technology/Pix/pictures/2008/02/01/ SeaCableHi.jpg [Accessed: Nov, 2009]
57
65
63
80
29
27
120
78
55 56
28
24
76
59. SLOW AND STEADY WIND THE SPACE RACE (2009) Good Transparency Available From: http://awesome.good.is/ transparency/web/0911/nasa-missions/flat. html [Accessed: Dec 2009]
43
18
37
58
54
53
11 19
123. WHO IS COMING TO AMERICA? (2009) Available From: http://awesome.good.is/ transparency/web/0905/trans0509whoiscomingtoamerica.html [Accessed: Nov 09]
70
21 26
7
17
75
64 71
30
13 3
40 49
50
48 44
34
32
5
2
1
6
60. ROYAL ALBERT HALL (2009) The World’s Largest Buildings In ‘Albert Halls’ Available From: http://labs.timesonline. co.uk/blog/ [Accessed: Dec 2009]
59
20
125. THE PERIODIC TABLE OF TYPEFACES (2009) Available From: http://www.coolinfographics. com/2009/03/periodic-table-of-typefaces. html [Accessed: Aug 09]
31
2 4
61. TAXONOMY OF TEAM NAMES (2009) Taxonomy of Team Names Available From: http://www.flickr.com/ photos/infojocks/3984851689/sizes/l/ [Accessed: Dec 2009]
14
22 39
15
16
23
100
62. ONE WEEK OF THE GUARDIAN (2008) Design the News Available From: http://www.designingthenews.com/2008/03/19/one-week-of-theguardian-wednesday/
10
12 25
124. THIS IS LIVING (2009) Housing & Poverty. Available From: http://www.flickr.com/ photos/densitydesign/3409542518/ [Accessed: Aug 09]
In this area, all the visualisations work to show relationships and connections that would have otherwise been lost in the raw data. These links that are discovered and shared by the designer are often the most interesting thing about a set of data and give a huge insight into the true nature of a set of data. The computer makes finding and showing these connections easier than ever before, with the power to handle a huge amount of data all at once and then output it visually.
Co n
CONNECTIONS
s ion ct ne
These images all contain multiple sets of different data. The designer usually uses data from different areas of one subject and makes them work together to give a whole view of one particular theme. These visualisations are powerful as they give a lot of discrete evidence around an issue or subject.
82