Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Truth & Beauty Operations

4eb788c4efbab6f3088e6ae16a85f09f?s=47 Moritz Stefaner
September 26, 2012

Truth & Beauty Operations

My presentation at ChALS 2012, Gothenburg

4eb788c4efbab6f3088e6ae16a85f09f?s=128

Moritz Stefaner

September 26, 2012
Tweet

More Decks by Moritz Stefaner

Other Decks in Design

Transcript

  1. MORITZ STEFANER TRUTH & BEAUTY OPERATIONS ChALS ’12 // Gothenburg

    Sep 2012
  2. 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
  3. None
  4. Organic Link Network Moritz Stefaner, 2002

  5. Elastic Tag Maps Moritz Stefaner, 2007

  6. Elastic Lists Moritz Stefaner, 2007

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

  9. None
  10. None
  11. None
  12. 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.
  13. Data analysis with Gephi, custom tools

  14. None
  15. 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
  16. None
  17. None
  18. None
  19. Layouts

  20. Interaction tests

  21. DIVIDE & CONQUER FIND THE SMALL DATA INSIDE THE BIG

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

  23. None
  24. None
  25. None
  26. None
  27. None
  28. 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
  29. GROUP AND ORDER ROUTE THOSE EDGES

  30. LOOK MA, NO LINES PHYSICAL METAPHOR

  31. OECD Better Life Index

  32. None
  33. None
  34. None
  35. None
  36. x Country score profile User–defined weight profile Dimensions Score x

    Importance Dimensions Score Importance Dimensions Score Opacity: Importance 1 2 3 …
  37. 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
  38. Controls for weights Controls for weights generic in line with

    visualization
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. Design Iterations (excerpt)

  50. http://vimeo.com/24609043

  51. None
  52. None
  53. None
  54. None
  55. 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
  56. None
  57. 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).
  58. The games Social media response :) :( Sentiment analysis, classification

    x #goldmedal #hockey Real time data visualization Data sculpture Data journalism
  59. 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
  60. emoto2012.org https://vimeo.com/46615102

  61. None
  62. None
  63. None
  64. 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 -->
  65. None
  66. None
  67. 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
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. emoto installation https://vimeo.com/49679699

  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. HOW CAN WE USE FOOD FOR DATA EXPRESSION?

  87. None
  88. WHAT ARE THE CULINARY VARIABLES WE CAN WORK WITH?

  89. None
  90. Antti Nurkka Natalie Aubret Susanne Jaschko Miska Knapek pixelache.ac prozessagenten.org

    foodidea.fi knapek.org
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None
  97. None
  98. None
  99. None
  100. Lakmoussetikka http://data-cuisine.net/data-dishes/lakmoussetikka/ Nathalie Aubret & Melinda Sipos

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

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

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

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

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

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

  107. None
  108. None
  109. A FEW THINGS I LEARNED

  110. LEARNING THROUGH PLAYFUL EXPLORATION

  111. TELL A STORY

  112. TELL A THOUSAND STORIES …BUT NOT ALL AT ONCE!

  113. IT IS ALL ABOUT RELATIONS EVEN WHEN ALL YOU HAVE

    IS NUMBERS
  114. USA Annual health spending per person: $7920 Average life expectancy

    at birth: 78 years
  115. http://blogs.ngm.com/blog_central/2009/12/the-cost-of-care.html

  116. None
  117. 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
  118. 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
  119. ON TRUTH & BEAUTY

  120. "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)
  121. THANKS! Q? A! http://moritz.stefaner.eu @moritz_stefaner http://well-formed-data.net http://datastori.es

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