Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

MORITZ STEFANER TRUTH&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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Organic Link Network Moritz Stefaner, 2002

Slide 5

Slide 5 text

Elastic Tag Maps Moritz Stefaner, 2007

Slide 6

Slide 6 text

Elastic Lists Moritz Stefaner, 2007

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Max Planck Research Networks http://max-planck-research-networks.net With Christopher Warnow / onformative

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

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  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 0% 10% 20% 30% 40% %  of  Total  Weight 0% 5% 10% 15% 20% %  of  Total  Weight 0% 10% 20% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 5% 10% 15% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 2% 4% 6% 8% %  of  Total  Weight 0% 2% 4% 6% %  of  Total  Weight Sheet  1 name 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  fil-­ tered  on  name  and  Year.  The  name  filter  has  multiple  members  selected.  The  Year  filter  keeps  22  members.  Percents  are  based  on  each  col-­ umn  of  the  table. name 1993 1998 2003 2008 Calculation1 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 0% 10% 20% 30% 40% %  of  Total  Weight 0% 5% 10% 15% 20% %  of  Total  Weight 0% 10% 20% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 5% 10% 15% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 5% 10% %  of  Total  Weight 0% 2% 4% 6% 8% %  of  Total  Weight 0% 2% 4% 6% %  of  Total  Weight 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  filtered  on  Year,  w hich  keeps  22  members.  The  view on  name,  w hich  has  multiple  members  selected.  Percents  are  based  on  each  column  of  the  table.

Slide 13

Slide 13 text

Data analysis with Gephi, custom tools

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

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 für Gesellschaftsforschung MPI für Virusforschung International Max Planck Research School for Comp… Max Planck Inst. Evol. Anthropol MPI for Terrestrial Microbiology Marburg

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Layouts

Slide 20

Slide 20 text

Interaction tests

Slide 21

Slide 21 text

DIVIDE & CONQUER FIND THE SMALL DATA INSIDE THE BIG DATA

Slide 22

Slide 22 text

well-formed.eigenfactor Moritz Stefaner & Eigenfactor Team, 2009 | http://well-formed.eigenfactor.org

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

GROUP AND ORDER ROUTE THOSE EDGES

Slide 30

Slide 30 text

LOOK MA, NO LINES PHYSICAL METAPHOR

Slide 31

Slide 31 text

OECD Better Life Index

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

x Country score profile User–defined weight profile Dimensions Score x Importance Dimensions Score Importance Dimensions Score Opacity: Importance 1 2 3 …

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

Controls for weights Controls for weights generic in line with visualization

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

Design Iterations (excerpt)

Slide 50

Slide 50 text

http://vimeo.com/24609043

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

How often has each rating been assigned to each topic? 280 159 75 70 57 0 1 2 3 4 5 Governance is quite unpopular Little clicks, despite being the default Most popular topics: Education, Health, Life satisfaction Housing Income Jobs Community Education Environment Governance Health Life Satisfaction Safety Work-Life Balance

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

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).

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

Events Nations !"#$%&'()*%*+,%-(../'/0/*,.%(1%()2%*,&3%*+/.%4,&25% 67%82&9:%&;<%=/,0<>>>%?@,A2,67 {Discipline} {Emotion} {Emotion} {Nation} http://twitter.com/#!/jnadzam11/status/108389262201856002 28/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/107923209080414208 28/08/2010 by Neville Miller SAMPLE DATA Taken from the Athletics World Championships 2011

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

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 -->

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 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 68

Slide 68 text

No content

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

emoto installation https://vimeo.com/49679699

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

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

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

HOW CAN WE USE FOOD FOR DATA EXPRESSION?

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

WHAT ARE THE CULINARY VARIABLES WE CAN WORK WITH?

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

Antti Nurkka Natalie Aubret Susanne Jaschko Miska Knapek pixelache.ac prozessagenten.org foodidea.fi knapek.org

Slide 91

Slide 91 text

No content

Slide 92

Slide 92 text

No content

Slide 93

Slide 93 text

No content

Slide 94

Slide 94 text

No content

Slide 95

Slide 95 text

No content

Slide 96

Slide 96 text

No content

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

No content

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

Lakmoussetikka http://data-cuisine.net/data-dishes/lakmoussetikka/ Nathalie Aubret & Melinda Sipos

Slide 101

Slide 101 text

Kippis! http://data-cuisine.net/data-dishes/alcohol-consumption-map/ Essi Kärkkäinen

Slide 102

Slide 102 text

Age & Language in Lentils http://data-cuisine.net/data-dishes/age-language-in-lentils/ Matt Zumwalt

Slide 103

Slide 103 text

Happiness Cocktail http://data-cuisine.net Jen Lowe

Slide 104

Slide 104 text

Lettuce de lux http://data-cuisine.net/data-dishes/lettuce-de-lux/ Nathalie Aubret and Melinda Sipos

Slide 105

Slide 105 text

Spice foreigners between pasta http://data-cuisine.net/data-dishes/spiced-foreigners-between- Symeon Delikaris-Manias

Slide 106

Slide 106 text

Criminal herring in fur coat http://data-cuisine.net/data-dishes/criminal-herring-in-fur-coat/ Dmitrii Rogozhin

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

No content

Slide 109

Slide 109 text

A FEW THINGS I LEARNED

Slide 110

Slide 110 text

LEARNING THROUGH PLAYFUL EXPLORATION

Slide 111

Slide 111 text

TELL A STORY

Slide 112

Slide 112 text

TELL A THOUSAND STORIES …BUT NOT ALL AT ONCE!

Slide 113

Slide 113 text

IT IS ALL ABOUT RELATIONS EVEN WHEN ALL YOU HAVE IS NUMBERS

Slide 114

Slide 114 text

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

Slide 115

Slide 115 text

http://blogs.ngm.com/blog_central/2009/12/the-cost-of-care.html

Slide 116

Slide 116 text

No content

Slide 117

Slide 117 text

Workflow CLARIFY WHAT & WHY EXPLORE & SKETCH DEFINE & PRODUCE MAINTAIN & ANALYZE CONTEXT & GOALS DATA Data analysis with standard tools: Excel, Tableau, R Visual explorations based on real data Functional prototypes High level constraints, goals and intuitions Visual design Interaction design Implementation Testing User tracking and analysis Updates, extensions LAUNCH REDEFINE

Slide 118

Slide 118 text

CLARIFY WHAT & WHY EXPLORE & SKETCH DEFINE & PRODUCE MAINTAIN & ANALYZE CONTEXT & GOALS DATA LAUNCH “LET THE DATA SET CHANGE YOUR MIND SET” (ROSLING) LET THE USERS CHANGE YOUR MIND SET Feedback loops

Slide 119

Slide 119 text

ON TRUTH & BEAUTY

Slide 120

Slide 120 text

"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)

Slide 121

Slide 121 text

THANKS! Q? A! http://moritz.stefaner.eu @moritz_stefaner http://well-formed-data.net http://datastori.es

Slide 122

Slide 122 text

http://datastori.es podcast together with Enrico Bertini