moritz

122
MORITZ STEFANER TRUTH & BEAUTY OPERATIONS ChALS ’12 // Gothenburg Sep 2012

Upload: chalmers-library

Post on 12-Dec-2014

1.726 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Moritz

MORITZ STEFANER

TRUTH & BEAUTY OPERATIONS

ChALS ’12 // Gothenburg

Sep 2012

Page 2: Moritz

MORITZ STEFANERTRUTH&BEAUTY OPERATOR

1999 – 2002

2002 – 2005

2005 – 2007

2007 – 2009

2004 – working for Skype, World Economic Forum, dpa, OECD…

Web designer

BSc Cognitive Science

MA Interface Design

Research assistant FH Potsdam

Freelance information visualizer

Page 3: Moritz
Page 4: Moritz

Organic Link NetworkMoritz Stefaner, 2002

Page 5: Moritz

Elastic Tag MapsMoritz Stefaner, 2007

Page 6: Moritz

Elastic ListsMoritz Stefaner, 2007

Page 7: Moritz
Page 9: Moritz
Page 10: Moritz
Page 11: Moritz
Page 12: Moritz

Quantitative analysis with Tableau

name Year

1991 1993 1995 1997 1999 2001 2003 2005 2007 2009 2011

Max-­Planck-­Institut  für  Physik  (Werner-­Heisenberg-­Institut)

Max-­Planck-­Institut  für  extraterrestrischePhysik

Max  Planck  Institut  für  Kernphysik

Max  Planck  Institute  for  Solid  StateResearch

Max-­Planck-­Institut  für  Radioastronomie

Max-­Planck-­Institut  für  Astronomie

Max  Planck  Gesellschaft  zur  Förderung  derWissenschaften

Max-­Planck-­Institut  fürSonnensystemforschung

Max  Planck  Institute  of  Biochemistry

Max-­Planck-­Institut  für  Astrophysik

0%10%

20%

30%

40%

%  of  T

otal  W

eight

0%5%

10%

15%

20%%  of  T

otal  W

eight

0%

10%

20%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%

5%

10%

15%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%2%

4%

6%

8%

%  of  T

otal  W

eight

0%

2%

4%

6%

%  of  T

otal  W

eight

Sheet  1name

Max-­Planck-­Institut  für  Physik  (Werner-­Heisenberg-­Institut)

Max-­Planck-­Institut  für  extraterrestrische  Physik

Max  Planck  Institut  für  Kernphysik

Max  Planck  Institute  for  Solid  State  Research

Max-­Planck-­Institut  für  Radioastronomie

Max-­Planck-­Institut  für  Astronomie

Max  Planck  Gesellschaft  zur  Förderung  der  Wissenschaften

Max-­Planck-­Institut  für  Sonnensystemforschung

Max  Planck  Institute  of  Biochemistry

Max-­Planck-­Institut  für  Astrophysik

Max  Planck  Institute  for  Chemistry  (Otto  Hahn  Institute)

Max  Planck  Institute  for  Molecular  Genetics

Max  Planck  Institute  for  Polymer  Research

Max-­Planck-­Institut  für  Plasmaphysik

Max  Planck  Institute  for  Metals  Research

Fritz  Haber  Institute  of  the  Max  Planck  Society

Max  Planck  Institute  for  Biophysical  Chemistry  (Karl  Friedrich  Bonhoeffer  Institute)

Max-­Planck-­Institut  für  Quantenoptik

Max-­Planck-­Institute  for  the  Physics  of  Complex  Systems

Max-­Planck-­Institut  für  Psychiatrie

The  trend  of  %  of  Total  Weight  for  Year  broken  dow n  by  name.    Color  show s  details  about  name.    Details  are  show n  for  name.  The  view  is  f il-­tered  on  name  and  Year.  The  name  filter  has  multiple  members  selected.  The  Year  f ilter  keeps  22  members.  Percents  are  based  on  each  col-­umn  of  the  table.

name

1993 1998 2003 2008Calculation1

Max-­Planck-­Institut  für  Physik  (Werner-­Heisenberg-­Institut)

Max-­Planck-­Institut  für  extraterrestrischePhysik

Max  Planck  Institut  für  Kernphysik

Max  Planck  Institute  for  Solid  StateResearch

Max-­Planck-­Institut  für  Radioastronomie

Max-­Planck-­Institut  für  Astronomie

Max  Planck  Gesellschaft  zur  Förderung  derWissenschaften

Max-­Planck-­Institut  fürSonnensystemforschung

Max  Planck  Institute  of  Biochemistry

Max-­Planck-­Institut  für  Astrophysik

0%10%

20%

30%

40%

%  of  T

otal  W

eight

0%5%

10%

15%

20%

%  of  T

otal  W

eight

0%

10%

20%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%

5%

10%

15%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%

5%

10%

%  of  T

otal  W

eight

0%2%

4%

6%

8%

%  of  T

otal  W

eight

0%

2%

4%

6%%  of  T

otal  W

eight

Sheet  1

The  trend  of  %  of  Total  Weight  for  Calculation1  broken  dow n  by  name.    Details  are  show n  f or  name.  The  data  is  f iltered  on  Year,  w hich  keeps  22  members.  The  view  ison  name,  w hich  has  multiple  members  selected.  Percents  are  based  on  each  column  of  the  table.

Page 13: Moritz

Data analysis with Gephi, custom tools

Page 14: Moritz
Page 15: Moritz

MPI für Physik (Werner-Heisenberg-Institut)

MPI für extraterrestrische Physik

MPI für Kernphysik

MPI für Radioastronomie

MPI für Astronomie

MPI for Solid State Research

MPI für Astrophysik

MPI für Sonnensystemforschung

Max Planck Gesellschaft zur Förderung der Wissens…

MPI für Plasmaphysik

MPI for Chemistry (Otto Hahn Institute)

MPI of Biochemistry

MPI for Metals Research

MPI for Molecular Genetics

MPI for Polymer Research

Fritz Haber Institute of the Max Planck Society

MPI for Biophysical Chemistry (Karl Friedrich Bon…

MPI für Quantenoptik

MPI for Gravitational Physics (Albert Einstein In…

MPI for the Physics of Complex Systems

MPI fur Kolloid Und Grenzflachenforschung Potsdam

MPI für Psychiatrie

MPI for Meteorology

MPI für Biogeochemie Jena

MPI of Microstructure Physics

MPI for Evolutionary Anthropology

MPI for Developmental Biology

MPI for Gravitational Physics (Hannover) (Albert …

Max-Planck Institut für Chemische Physik fester S…

MPI für molekulare Physiologie

MPI für Medizinische Forschung Heidelberg

MPI für Züchtungsforschung

MPI für marine Mikrobiologie

MPI für Dynamik Und Selbstorganisation Göttingen

MPI für Experimentelle Medizin

MPI of Immunobiology

MPI für Informatik

MPI für Kohlenforschung

MPI für Kognitions- und Neurowissenschaften

MPI for Biological Cybernetics

MPI of Molecular Cell Biology and Genetics

MPI für Hirnforschung

MPI for Infection Biology

MPI fur Chemische Okologie

MPI für Bioanorganische Chemie

MPI of Molecular Plant Physiology

MPI of Neurobiology

MPI of Biophysics

MPI für Eisenforschung

MPI für Bildungsforschung

MPI for Ornithology (Former: Max Planck Research …

MPI für Terrestrische Mikrobiologie

MPI for Mathematics in the Sciences

MPI für Herz- und Lungenforschung

Max-Plack-Institut für Neurologische Forschung Kö…

MPI für molekulare Biomedizin

MPI fur Mathematik

MPI for Psycholinguistics

MPI for Dynamics of Complex Technical Systems

MPI für Limnologie

Max-Plack-Institut für demografische Forschung

MPI für Verhaltensphysiologie

MPI für Ökonomik

MPI of Experimental Endocrinology

Friedrich Miescher Laboratory of the Max Planck S…

Max-Planck-Arbeitsgruppen für strukturelle Moleku…

MPI für Evolutionsbiologie

Max Planck Research Unit for Enzymology of Protei…MPI für Zellbiologie

International Max Planck Research School on Earth…

MPI for Research On Collective Goods

MPI fur Neurologische Forschung Koln

MPI for the History of Science

MPI for Software Systems

MPI für Gesellschaftsforschung

MPI for Social Anthropology

MPI für Virusforschung

MPF, Institut fü Optik, Information und Photonik

International Max Planck Research School for Comp…

Max Planck Inst. Evol. Anthropol

Planck Institute for Nuclear Physics (MPIK)

MPI for Foreign and International Criminal Law

MPI for Terrestrial Microbiology Marburg

MPI fur Auslandisches Offentliches Recht Und Volk…

Max-Planck-Inst. F.

MPI für Physik und Astrophysik

Max-Planck

MPI fur Informatik

MPI

MPI of Colloids and Interfaces

MPI

MPI für Strahlenchemie

MPI for Intellectual Property

Page 16: Moritz
Page 17: Moritz
Page 18: Moritz
Page 19: Moritz

Layouts

Page 20: Moritz

Interaction tests

Page 21: Moritz

DIVIDE & CONQUERFIND THE SMALL DATA INSIDE THE BIG DATA

Page 23: Moritz
Page 24: Moritz
Page 25: Moritz
Page 26: Moritz
Page 27: Moritz
Page 28: Moritz

Hierarchical Edge Bundling

Danny Holten: Hierarchical Edge Bundles: Visualization of Adjacency Relations in Hierarchical Data, IEEE Transactions on Visualization and

Computer Graphics, Vol. 12, No. 5, September/October 2006

Danny Holten and Jarke J. van Wijk: Force-Directed Edge Bundling for Graph Visualization, Eurographics/ IEEE-VGTC Symposium on Visualization

2009, Volume 28 (2009), Number 3

Page 29: Moritz

GROUP AND ORDERROUTE THOSE EDGES

Page 30: Moritz

LOOK MA, NO LINESPHYSICAL METAPHOR

Page 31: Moritz

OECD Better Life Index

Page 32: Moritz
Page 33: Moritz
Page 34: Moritz
Page 35: Moritz
Page 36: Moritz

xCountry score profile User–defined weight profile

Dimensions Score x Importance

Dimensions Score

Importance

Dimensions Score

Opacity: Importance

1

2

3

Page 37: Moritz

Rank visualization

Legend / help

Controls for weights

Country visualization

Country visualization

Country visualization

Country visualization

Country visualization

Country visualization

Country visualization

Country visualization

Country visualization

Score

changes scores and country visualizations

Share

Page 38: Moritz

Controls for weights Controls for weights

generic in line with visualization

Page 39: Moritz
Page 40: Moritz
Page 41: Moritz
Page 42: Moritz
Page 43: Moritz
Page 44: Moritz
Page 45: Moritz
Page 46: Moritz
Page 47: Moritz
Page 48: Moritz
Page 49: Moritz

Design Iterations (excerpt)

Page 51: Moritz
Page 53: Moritz
Page 54: Moritz
Page 55: Moritz

How often has each rating been assigned to each topic?

280

159

75

70

57

56

51

50

49

46

46

44

43

42

42

38

35

35

33

33

32

32

32

31

30

30

30

29

29

28

28

27

26

26

26

26

25

25

25

24

23

23

22

22

22

20

19

19

19

18

17

17

17

16

16

16

16

15

15

14

14

14

14

14

13

13

13

13

13

13

13

13

13

12

12

12

12

12

12

11

11

11

11

11

11

11

11

10

10

10

10

10

10

10

10

10

9

9

9

9

9

9

9

9

9

9

9

9

9

9

8

8

8

8

8

8

8

8

8

8

8

8

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

7

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

6

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

2

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

0 1 2 3 4 5

Governance is quite unpopular

Little clicks, despite being thedefault

Most popular topics:Education, Health, Life

satisfaction

Housing Income Jobs Community Education Environment Governance Health Life Satisfaction Safety Work-Life Balance

Page 56: Moritz
Page 57: Moritz

emoto design team

Moritz Stefaner

Studio NAND

Drew Hemment

(Future Everything)

A FutureEverything project with MIT Senseable City Lab for the Cultural Olympiad programme

and London 2012 Festival.

Co-sponsored by GE and 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. Emoto in London is produced by

(or presented by) MIT Senseable Cities Lab and GE as part of Emoto (emoto2012.org).

Page 58: Moritz

The games Social media

response

:):(

Sentiment analysis,

classification

x

#goldmedal

#hockey

Real time data visualization

Data sculpture

Data journalism

Page 59: Moritz

Events

Nations

!"#$%&'()*%*+,%-(../'/0/*,.%(1%()2%*,&3%*+/.%4,&25%

67%82&9:%&;<%=/,0<>>>%?@,A2,67{Discipline} {Emotion}

{Emotion}

{Nation}

http://twitter.com/#!/jnadzam11/status/10838926220185600228/08/2010 by Josh Nadzam

6.&/;%B(0*%1&0.,%.*&2*.%&;<%CDE.%/;%FGG3%1/;&0%/;%

C&,H)%@(20<%I+&3-/(;.+/-.%(1%82&9:%J%=/,0<%

!""#$%%&&&'()*+,-*.'/0')1%2#0+"%3{Discipline}

{Press article}

{Emotion} {Event}{Athlete->Nation}

http://twitter.com/#!/NevilleABC17/status/10792320908041420828/08/2010 by Neville Miller

SAMPLE DATATaken from the Athletics World Championships 2011

Page 60: Moritz

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

Page 61: Moritz
Page 62: Moritz
Page 63: Moritz
Page 64: Moritz

Phelps Phelps Phelps Phelps

Phelps Bolt Hockey Soccer

each triangle corresponds to a number of tweets with a specific sentiment (e.g score +7) for that topic, size and intensity indicate amount of tweets

these are crap -->

Page 65: Moritz
Page 66: Moritz
Page 67: Moritz

HOCKEY HOCKEYHOCKEY HOCKEYHOCKEYHOCKEY

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

Page 68: Moritz
Page 69: Moritz
Page 70: Moritz
Page 71: Moritz
Page 72: Moritz
Page 73: Moritz
Page 74: Moritz

emoto installation https://vimeo.com/49679699

Page 75: Moritz
Page 76: Moritz
Page 77: Moritz
Page 78: Moritz
Page 79: Moritz
Page 80: Moritz
Page 81: Moritz
Page 82: Moritz
Page 83: Moritz
Page 85: Moritz
Page 86: Moritz

HOW CAN WE

USE FOODFOR DATA EXPRESSION?

Page 87: Moritz
Page 88: Moritz

WHAT ARE THE

CULINARY VARIABLESWE CAN WORK WITH?

Page 89: Moritz
Page 90: Moritz

Antti Nurkka Natalie Aubret Susanne Jaschko Miska Knapekpixelache.ac prozessagenten.orgfoodidea.fi knapek.org

Page 91: Moritz
Page 92: Moritz
Page 93: Moritz
Page 94: Moritz
Page 95: Moritz
Page 96: Moritz
Page 97: Moritz
Page 98: Moritz
Page 99: Moritz
Page 107: Moritz
Page 109: Moritz

A FEW THINGS I LEARNED

Page 110: Moritz

LEARNING THROUGH PLAYFUL EXPLORATION

Page 111: Moritz

TELL A STORY

Page 112: Moritz

TELL A THOUSAND STORIES…BUT NOT ALL AT ONCE!

Page 113: Moritz

IT IS ALL ABOUT RELATIONS

EVEN WHEN ALL YOU HAVE IS NUMBERS

Page 114: Moritz

USA

Annual health spending per person: $7920Average life expectancy at birth: 78 years

Page 117: Moritz

Workflow

CLARIFYWHAT & WHY

EXPLORE & SKETCH

DEFINE & PRODUCE

MAINTAIN & ANALYZE

CONTEXT & GOALS DATA

Data analysis withstandard tools:

Excel, Tableau, R

Visual explorations basedon real data

Functional prototypes

High level constraints, goals and intuitions

Visual design

Interaction design

Implementation

Testing

User tracking and analysis

Updates, extensions

LAUNCHREDEFINE

Page 118: Moritz

CLARIFYWHAT & WHY

EXPLORE & SKETCH

DEFINE & PRODUCE

MAINTAIN & ANALYZE

CONTEXT & GOALS DATA

LAUNCH“LET THE DATA SET CHANGE YOUR MIND SET”

(ROSLING)

LET THE USERSCHANGE YOUR MIND SET

Feedback loops

Page 119: Moritz

ON TRUTH & BEAUTY

Page 120: Moritz

"When I'm working on a problem, I never think about beauty.

I think only how to solve the problem.

But when I have finished, if the solution is not beautiful, I know it is wrong."

R. Buckminster Fuller (1895-1983)

Page 121: Moritz

THANKS!

Q? A!

http://moritz.stefaner.eu

@moritz_stefaner

http://well-formed-data.net

http://datastori.es

Page 122: Moritz

http://datastori.espodcast

together withEnrico Bertini