Slide 1

Slide 1 text

Understanding Through Visualisation Making sense of the world through visual analysis and narration Stephan Thiel | Studio NAND www.nand.io

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

www.nand.io

Slide 4

Slide 4 text

cc.org

Slide 5

Slide 5 text

Embodiment – ‘Outsourcing’ Thinking

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

?

Slide 10

Slide 10 text

Time Table Paris Lyon E.J. Marey, La Méthode Graphique, 1885

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Commercial and Political Atlas William Playfair (1786)

Slide 14

Slide 14 text

1815 Geological Map of Great Britian William Smith

Slide 15

Slide 15 text

The London Cholera Map Dr. John Snow (1854)

Slide 16

Slide 16 text

Diagram of the Causes of Mortality Florence Nightingale (1858)

Slide 17

Slide 17 text

Visual Narratives

Slide 18

Slide 18 text

Cave Painting approx. 15 000 - 10 000 v. Chr.

Slide 19

Slide 19 text

Cave Paintings

Slide 20

Slide 20 text

Bayeux Tapestry approx. 1.6 x 224.3 ft (50 cm x 70 m) ~1100 AD

Slide 21

Slide 21 text

Comics Carl Barks, Donald Duck

Slide 22

Slide 22 text

Comics Scott McCloud »Understanding Comics«

Slide 23

Slide 23 text

History

Slide 24

Slide 24 text

From Maps to Charts

Slide 25

Slide 25 text

Map of the World

Slide 26

Slide 26 text

Weltanschauung

Slide 27

Slide 27 text

Map Ebstorf Map of the World (approx. 1300)

Slide 28

Slide 28 text

Maps of the World

Slide 29

Slide 29 text

There is no »neutral« way of representation

Slide 30

Slide 30 text

How To Lie with Maps Map of East Berlin (VEB Tourist Verlag Berlin/Leipzig, 1984)

Slide 31

Slide 31 text

Map London Underground

Slide 32

Slide 32 text

Map > Chart: London Underground, 1920

Slide 33

Slide 33 text

Chart: London Underground Henry Beck, 1931

Slide 34

Slide 34 text

Chart: London Underground

Slide 35

Slide 35 text

Again: Map of the London Underground

Slide 36

Slide 36 text

From Chart to Interactive Infographic: Time Travel Tube Map (Tom Carden)

Slide 37

Slide 37 text

Micro- and Macroreadings

Slide 38

Slide 38 text

Map of the World

Slide 39

Slide 39 text

The Earth at Night

Slide 40

Slide 40 text

Isometric Map of New York City

Slide 41

Slide 41 text

Illustrated Maps Shanghai – sh.edushi.com

Slide 42

Slide 42 text

Illustrated Maps Shanghai – sh.edushi.com

Slide 43

Slide 43 text

OpenStreetMap

Slide 44

Slide 44 text

OpenStreetMap - Video

Slide 45

Slide 45 text

Map? Chart? Combination! Napoleon’s Russian campaign of 1812, by Charles Minard, 1869

Slide 46

Slide 46 text

»Tufte was lucky the Napoleon march went east, so he could use the left/right reading for his map« Ward Shelley at the Art and Humanities Complex Networks satellite conference

Slide 47

Slide 47 text

Notation

Slide 48

Slide 48 text

J.S. Bach – Goldberg Variationen Gregorian Notation

Slide 49

Slide 49 text

»The Art of Dancing« Kellom Tomlinson (1735)

Slide 50

Slide 50 text

Compositions by Roman Haubenstock-Ramati

Slide 51

Slide 51 text

Fontana Mix by John Cage

Slide 52

Slide 52 text

John Cage - Variations

Slide 53

Slide 53 text

Karlheinz Stockhausen – Studie II

Slide 54

Slide 54 text

Karlheinz Stockhausen – Licht

Slide 55

Slide 55 text

“It’s all about the small data!” #hattip @moritz_stefaner

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

400 Mio Tweets 2 TB per day dozens of other data sources

Slide 60

Slide 60 text

“What music do people listen to/are talking about while sitting at Starbucks?”

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

How many romances happen over a coffee? How many break-ups happen over a coffee? / = ?

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

“Toiling In The Data-Mines” Tom Armitage, BERG Blog, October 23rd, 2009

Slide 65

Slide 65 text

OLYMPICS

Slide 66

Slide 66 text

PAUSE

Slide 67

Slide 67 text

Creative team Moritz Stefaner Drew Hemment (Future Everything) Studio NAND A FutureEverything project for London 2012 Festival and the Cultural Olympiad programme. Funded by Arts Council England and WE PLAY/Legacy Trust UK. Infrastructure design & development by Gerrit Kaiser. Citizen journalism by Andy Miah Evaluation and blogging by Ege Sezen. Project management by Leon Seth and Nick Lawrenson. Communications by Jo Williams, Anita Morris Associates. Emoto is produced by FutureEverything and Studio NAND. Data art commission for London 2012 festival and the Cultural Olympiad.

Slide 68

Slide 68 text

The games Social media response :) :( Sentiment analysis and classification x #goldmedal #hockey Real time data visualization Data sculpture Data journalism

Slide 69

Slide 69 text

Sentiment analysis @barack_obama +1 +1 +3 (provided by lexalytics salience engine) Congrats to Michael Phelps for breaking the all–time Olympic record. You’ve made your country proud. —bo

Slide 70

Slide 70 text

emoto2012.org https:/ /vimeo.com/46615102

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

Twitter sentiments: Tiger Woods, Golf Masters

Slide 73

Slide 73 text

Twitter sentiments: Bubba Watson, Golf Masters

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

Phelps Phelps Phelps Bolt Hockey Soccer these are crap -->

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

HOCKEY HOCKEY HOCKEY HOCKEY HOCKEY HOCKEY A) shortest cathethus aligned to hypothenuse swapping position alternately B) shortest cathethus aligned to hypothenuse swapping position alternately mirroring after 4th element B) shortest cathethus aligned to hypothenuse swapping position alternately mirroring alternately

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

emoto installation https://vimeo.com/49679699

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

Zooming out a bit…

Slide 88

Slide 88 text

The world’s response to the games?

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

This world is a serious place!

Slide 91

Slide 91 text

Sensors everywhere Performance for free (nearly) Same with Storage Countless Tools

Slide 92

Slide 92 text

Average sentiment towards the Olympics

Slide 93

Slide 93 text

Average sentiment towards the Olympics

Slide 94

Slide 94 text

DEAD ZONES

Slide 95

Slide 95 text

Dead Zones in the Baltic Sea

Slide 96

Slide 96 text

No content

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

Open data hunger

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

No content

Slide 101

Slide 101 text

No content

Slide 102

Slide 102 text

USA http://www.data.gov United Kingdom http://data.gov.uk Australia http://data.gov.au United Nations http://data.un.org OECD http://www.oecd- ilibrary.org/statistics image: http://d.lib.ncsu.edu/collections/catalog/0020696

Slide 103

Slide 103 text

No content