GeoViz.	  More	  than	  Zoom	  &	  Pan	  IxDA	  Berlin,	  July	  2011	                                        Till	  Nagel...
FH	  Potsdam.	  Interface	  design	  programme	   Informa=on	  Architecture	  and	  Visualiza=on	  	  	  Prof.	  Danijela	...
mæve	  	     Venice	  Biennale	  of	  Architecture,	  2008	                                                               ...
Overview	   • 	  What	  are	  Geovisualiza=ons?	   • 	  How	  do	  they	  support	  explora=on	  and	  analysis?	   • 	  W...
IntroducRon	  
Gapminder	  
Gapminder	  
“	     A	  map	  is	  not	  the	  territory	                                                     Alfred	  Korzybski	  (193...
“	     A	  map	  is	  not	  the	  territory	  it	  represents,	  but	  if	     correct,	  it	  has	  a	  similar	  structu...
InteracRve	  online	  maps	  
Neogeography	  
Hand	  drawn	  personal	  maps	                                          hKp://handmaps.org	  
GPS:	  Accurate	  user-­‐generated	  geospaRal	  data	  
Bagdad	  (Google	  Maps)	  
Bagdad	  (Open	  Street	  Map)	  
Neogeography	  “	        […]	  people	  using	  and	  crea<ng	  their	  own	  maps,	        on	  their	  own	  terms,	  an...
Mashups	     Housing	  Maps,	  Paul	  Rademacher,	  2005	  
User	  generated	  data	  
User	  generated	  data	   • 	  Explici=ly	  added	  geo-­‐spa=al	  data.	   • 	  Loca=on-­‐aware	  social	  networks.	   ...
Voluntarily	  enriched	  maps	                                        WikiMapia.org	  
TwiKer	  Live	  Map:	  Castor	  2010	  
Just	  landed	     Jer	  Thorp,	  2009	  
Data	  VisualizaRon	  
Many	  eyes	     IBM	  Visual	  CommunicaRon	  Lab,	  2007	  
“	     The	  use	  of	  computer-­‐generated,	  interac<ve,	     visual	  representa<ons	  of	  data	  to	  amplify	     c...
OECD	  eXplorer	  
“	     The	  purpose	  of	  visualiza<on	  is	  insight,	     not	  pictures.	                                       Ben	 ...
GeoVisualizaRon	  
“Plain”	  data	  mapping	  
London	  Cholera	  Map	     John	  Snow,	  1854	  
Oakland	  crimespogng	     Stamen,	  2009	  
Napoleon’s	  March	     Charles	  Joseph	  Minard,	  1869	  
Real	  Time	  Rome	     MIT	  Senseable	  City	  Lab,	  2006	  
London	  Underground	  map	     Harry	  Beck,	  1931	  
Travel	  Time	  Tube	  Map	     Tom	  Carden,	  2005	  
Travel	  Time	  Tube	  Map	     Tom	  Carden,	  2005	  
Digital	  life	  
Pedestrian	  LevitaRon	     Thomas	  Laureyssens,	  2005	  
Bio	  Mapping	     ChrisRan	  Nold,	  2007	  
Bio	  Mapping	     ChrisRan	  Nold,	  2007	  
2011:	  We	  are	  all	  data	  sources.	  
Betrayed	  by	  your	  own	  data	     Die	  Zeit,	  2011	  
Visualizing	  Amsterdam	  SMS	     Aaron	  Koblin,	  2008	  
Aggregate	  
„ReuterquarRer“	                        Quar=ersbüro	  Reuterplatz	  
„01	  Reuterkiez“	                           Bezirksamt	  Neukölln	  
„Kreuzkölln“	                     Wikipedia.de:	  Reuterkiez	  
User	  generated	  data	     Qype	  
User	  generated	  data	     Flickr	  
Neighbourhood	  Boundaries	     Tom	  Taylour,	  2008	  
Combine	  
City	  Murmur	  
Neighbourhood	  Boundaries	     Tom	  Taylour,	  2008	  
Interpret	  
Mapping	  the	  world’s	  photos	  
Mapping	  the	  world’s	  photos	  
The	  World’s	  Eyes	                MIT	  Senseable	  City	  Lab,	  2008	                   Girardin,	  F.,	  Calabrese,	...
The	  World’s	  Eyes	     MIT	  Senseable	  City	  Lab,	  2008	  
“	     SoHware	  to	  support	  GeoVisual	  Analy<cs	     should	  be	  lightweight	  [and]	  usable,	  rather	     than	 ...
MulRtouch	  GeoVis	  Easy-­‐to-­‐use	  interacRve	  geovisualizaRon	  
Muse	     Visualizing	  ScienRfic	  CollaboraRon	  	  
Muse	     Visualizing	  ScienRfic	  CollaboraRon	  	  
Pan	    InterakRonen	  Rotate	                       Select	  
Muse	  –	  Visualizing	  scienRfic	  collaboraRon	  
Muse	  –	  Visualizing	  scienRfic	  collaboraRon	  
Venice	  Unfolding	  Enabling	  ciRzens	  to	  parRcipate	  in	  urban	  planning	  
Urban	  transformaRon	  of	  the	  City	  of	  Venice	   • 	  116	  architectural	  projects	   • 	  Metadata	  and	  medi...
InteracRve	  tabletop	                               Jula	  Lakritz,	  Nadine	  Patzig,	                               Ste...
Polyhedron	  to	  explore	  faceted	  data	  
Display	  of	  facets	  
Tilt	  to	  select	  facet	  
Rotate	  to	  select	  term	  
Lock	  term	  to	  highlight	  matching	  results	  
Video:	  Venice	  Unfolding	                     hRp://vimeo.com/11526474	  
Browse	  through	  media	  files	                              Nagel,	  T.,	  Heidmann,	  F.,	  CondoKa,	  M.,	  Duval,	  E...
Dichotomy	  between	  usability	  and	  novel	  interac=ons.	  
Computer’s	  image	  of	  the	  human	  	                                                      Dan	  O‘Sullivan	  and	  To...
Iron	  Man	  Shot	  
Geo	  VisualizaRons	  	  Experimental	  projects	  at	  FH	  Potsdam	  
UniMap	               Julia	  Kontor,	  Riccardo	  Lardi,	               Sarah	  Baron,	  Paula	  Breithaupt	  	  
Julia	  Kontor,	  Riccardo	  Lardi,	  Sarah	  Baron,	  Paula	  Breithaupt	  	  
LiteraryMap	  	     LocaRon	  based	  literature	  exploraRon	                                                            ...
lit.	             hKp://lit.sebasRanmeier.eu/	  
chris	  grabert	  
Splendor	     Viewpoints	  of	  a	  City	                                                     SebasRan	  Schwinkendorf,	  ...
Splendor	     Viewpoints	  of	  a	  City	  
Splendor	     Viewpoints	  of	  a	  City	                                                     SebasRan	  Schwinkendorf,	  ...
Splendor	     Viewpoints	  of	  a	  City	  Köln	                                                   Amsterdam	  
Conscape	     Concerts	  in	  a	  city	                                                   Jeremias	  Volker,	  Florian	   ...
Conscape	     Concerts	  in	  a	  city	  
Emography	     Feelings	  of	  a	  city	                                                    Daniel	  Palmér,	             ...
Video:	  Emography	                   hRp://vimeo.com/20259633	  
LiquidPhone	     Movements	  in	  a	  city	                                                       Gunnar	  Friedrich,	  Lu...
The	  Naked	  City	     Guy	  Debord,	  1957	  
LiquidPhone	     Movements	  in	  a	  city	  
LiquidPhone	     Movements	  in	  a	  city	  
Conclusion	  &	  Outlook	  
Summary	   • 	  Pervasiveness	  of	  geospa=al	  data.	   • 	  Digital	  technology	  intertwined	  into	  urban	  life.	 ...
Summary	   • 	  Geovisualiza=on	  s=mulates	  visual	  analysis.	   • 	  Making	  invisible	  layers	  visible.	   • 	  In...
Dotspogng	  
Unfolding	  map	  library	  
Unfolding	     Map	  library	  for	  Processing,	  FH	  Potsdam,	  2011	  
Unfolding	     Map	  library	  for	  Processing,	  FH	  Potsdam,	  2011	  
Live	  Singapore	  
Live	  Singapore	  
Thank	  you!	  QuesRons?	  hKp://idl.v-­‐potsdam.de	                                 Till	  Nagel,	  FH	  Potsdam,	  07/20...
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and Pan
Upcoming SlideShare
Loading in …5
×

GeoVis - More than Zoom and Pan

1,520 views

Published on

Invited talk at IxDA Berlin.

http://ixdaberlin.groupsite.com/calendar/event/2011/7/13/284398

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,520
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

GeoVis - More than Zoom and Pan

  1. 1. GeoViz.  More  than  Zoom  &  Pan  IxDA  Berlin,  July  2011   Till  Nagel,  FH  Potsdam,  13  July  2011  
  2. 2. FH  Potsdam.  Interface  design  programme   Informa=on  Architecture  and  Visualiza=on      Prof.  Danijela  Djokic   Design  of  SoHware  Interfaces      Prof.  Dr.  Frank  Heidmann   Interac=on  Design      Prof.  Boris  Müller   Natural  User  Interfaces  and  Geovisualiza=on      Till  Nagel   Design  of  Physical  and  Virtual  Interfaces      Prof.  Reto  WeRach  
  3. 3. mæve     Venice  Biennale  of  Architecture,  2008   hKp://portal.mace-­‐project.eu/maeve  
  4. 4. Overview   •   What  are  Geovisualiza=ons?   •   How  do  they  support  explora=on  and  analysis?   •   What  is  the  digital  city?   •   What  kind  of  user  generated  geo-­‐spa=al  data  exist?   •   How  can  we  engage  ci=zens?   •   Many  examples  for  illustra=on   •   Outlook  
  5. 5. IntroducRon  
  6. 6. Gapminder  
  7. 7. Gapminder  
  8. 8. “   A  map  is  not  the  territory   Alfred  Korzybski  (1931)  
  9. 9. “   A  map  is  not  the  territory  it  represents,  but  if   correct,  it  has  a  similar  structure  to  the   territory,  which  accounts  for  its  usefulness.   Alfred  Korzybski  (1931)  
  10. 10. InteracRve  online  maps  
  11. 11. Neogeography  
  12. 12. Hand  drawn  personal  maps   hKp://handmaps.org  
  13. 13. GPS:  Accurate  user-­‐generated  geospaRal  data  
  14. 14. Bagdad  (Google  Maps)  
  15. 15. Bagdad  (Open  Street  Map)  
  16. 16. Neogeography  “   […]  people  using  and  crea<ng  their  own  maps,   on  their  own  terms,  and  by  combining  elements   of  an  exis<ng  toolset.   Andrew  Turner  (2006),  Introduc=on   to  Neogeography,  O’Reilly  Media  
  17. 17. Mashups   Housing  Maps,  Paul  Rademacher,  2005  
  18. 18. User  generated  data  
  19. 19. User  generated  data   •   Explici=ly  added  geo-­‐spa=al  data.   •   Loca=on-­‐aware  social  networks.   •   GPS  enabled  smart  phones.   •   Real  world  tracking,  e.g.  by  sensors.   And  combine  it  with  other  geospa=al  data  sources.  
  20. 20. Voluntarily  enriched  maps   WikiMapia.org  
  21. 21. TwiKer  Live  Map:  Castor  2010  
  22. 22. Just  landed   Jer  Thorp,  2009  
  23. 23. Data  VisualizaRon  
  24. 24. Many  eyes   IBM  Visual  CommunicaRon  Lab,  2007  
  25. 25. “   The  use  of  computer-­‐generated,  interac<ve,   visual  representa<ons  of  data  to  amplify   cogni<on.   Card,  Mackinlay,  Shneiderman  
  26. 26. OECD  eXplorer  
  27. 27. “   The  purpose  of  visualiza<on  is  insight,   not  pictures.   Ben  Shneiderman  
  28. 28. GeoVisualizaRon  
  29. 29. “Plain”  data  mapping  
  30. 30. London  Cholera  Map   John  Snow,  1854  
  31. 31. Oakland  crimespogng   Stamen,  2009  
  32. 32. Napoleon’s  March   Charles  Joseph  Minard,  1869  
  33. 33. Real  Time  Rome   MIT  Senseable  City  Lab,  2006  
  34. 34. London  Underground  map   Harry  Beck,  1931  
  35. 35. Travel  Time  Tube  Map   Tom  Carden,  2005  
  36. 36. Travel  Time  Tube  Map   Tom  Carden,  2005  
  37. 37. Digital  life  
  38. 38. Pedestrian  LevitaRon   Thomas  Laureyssens,  2005  
  39. 39. Bio  Mapping   ChrisRan  Nold,  2007  
  40. 40. Bio  Mapping   ChrisRan  Nold,  2007  
  41. 41. 2011:  We  are  all  data  sources.  
  42. 42. Betrayed  by  your  own  data   Die  Zeit,  2011  
  43. 43. Visualizing  Amsterdam  SMS   Aaron  Koblin,  2008  
  44. 44. Aggregate  
  45. 45. „ReuterquarRer“   Quar=ersbüro  Reuterplatz  
  46. 46. „01  Reuterkiez“   Bezirksamt  Neukölln  
  47. 47. „Kreuzkölln“   Wikipedia.de:  Reuterkiez  
  48. 48. User  generated  data   Qype  
  49. 49. User  generated  data   Flickr  
  50. 50. Neighbourhood  Boundaries   Tom  Taylour,  2008  
  51. 51. Combine  
  52. 52. City  Murmur  
  53. 53. Neighbourhood  Boundaries   Tom  Taylour,  2008  
  54. 54. Interpret  
  55. 55. Mapping  the  world’s  photos  
  56. 56. Mapping  the  world’s  photos  
  57. 57. The  World’s  Eyes   MIT  Senseable  City  Lab,  2008   Girardin,  F.,  Calabrese,  F.,  Dal  Fiore,  F.,  Raf,  C.,  and  Blat,  J.  (2008).  Uncovering   the  presence  and  movements  of  tourist  from  user-­‐generated  content.  
  58. 58. The  World’s  Eyes   MIT  Senseable  City  Lab,  2008  
  59. 59. “   SoHware  to  support  GeoVisual  Analy<cs   should  be  lightweight  [and]  usable,  rather   than  huge  and  complex  like  current  GIS.   Andrienko  G,  et  al.  2010  
  60. 60. MulRtouch  GeoVis  Easy-­‐to-­‐use  interacRve  geovisualizaRon  
  61. 61. Muse   Visualizing  ScienRfic  CollaboraRon    
  62. 62. Muse   Visualizing  ScienRfic  CollaboraRon    
  63. 63. Pan   InterakRonen  Rotate   Select  
  64. 64. Muse  –  Visualizing  scienRfic  collaboraRon  
  65. 65. Muse  –  Visualizing  scienRfic  collaboraRon  
  66. 66. Venice  Unfolding  Enabling  ciRzens  to  parRcipate  in  urban  planning  
  67. 67. Urban  transformaRon  of  the  City  of  Venice   •   116  architectural  projects   •   Metadata  and  media  files   •   Selected  terms  from  an  architecture  taxonomy  
  68. 68. InteracRve  tabletop   Jula  Lakritz,  Nadine  Patzig,   Stefan  Rechsteiner,  MarRn   Schissler,  Stephan  Thiel  
  69. 69. Polyhedron  to  explore  faceted  data  
  70. 70. Display  of  facets  
  71. 71. Tilt  to  select  facet  
  72. 72. Rotate  to  select  term  
  73. 73. Lock  term  to  highlight  matching  results  
  74. 74. Video:  Venice  Unfolding   hRp://vimeo.com/11526474  
  75. 75. Browse  through  media  files   Nagel,  T.,  Heidmann,  F.,  CondoKa,  M.,  Duval,  E.  Venice  Unfolding:  A   Tangible  User  Interface  for  Exploring  FacePed  Data  in  a  Geographical   Context.  In  Proceedings  of  the  6th  Nordic  Conference  on  Human-­‐ Computer  InteracRon  (NordiCHI  10),  Reykjavik,  Iceland,  2010  
  76. 76. Dichotomy  between  usability  and  novel  interac=ons.  
  77. 77. Computer’s  image  of  the  human     Dan  O‘Sullivan  and  Tom  Igoe,  Physical  Compu=ng,  2004  
  78. 78. Iron  Man  Shot  
  79. 79. Geo  VisualizaRons    Experimental  projects  at  FH  Potsdam  
  80. 80. UniMap   Julia  Kontor,  Riccardo  Lardi,   Sarah  Baron,  Paula  Breithaupt    
  81. 81. Julia  Kontor,  Riccardo  Lardi,  Sarah  Baron,  Paula  Breithaupt    
  82. 82. LiteraryMap     LocaRon  based  literature  exploraRon   Jan-­‐Erik  Stange  and   SebasRan  Meier  
  83. 83. lit.   hKp://lit.sebasRanmeier.eu/  
  84. 84. chris  grabert  
  85. 85. Splendor   Viewpoints  of  a  City   SebasRan  Schwinkendorf,   MaKhias  Löwe  
  86. 86. Splendor   Viewpoints  of  a  City  
  87. 87. Splendor   Viewpoints  of  a  City   SebasRan  Schwinkendorf,   MaKhias  Löwe  
  88. 88. Splendor   Viewpoints  of  a  City  Köln   Amsterdam  
  89. 89. Conscape   Concerts  in  a  city   Jeremias  Volker,  Florian   Schulz,  Julian  Stahnke  
  90. 90. Conscape   Concerts  in  a  city  
  91. 91. Emography   Feelings  of  a  city   Daniel  Palmér,   Robin  Rundkvist  
  92. 92. Video:  Emography   hRp://vimeo.com/20259633  
  93. 93. LiquidPhone   Movements  in  a  city   Gunnar  Friedrich,  Luis  Grass,   Christopher  Pietsch,  David   Ikuye,  Pierre  La  Baume  
  94. 94. The  Naked  City   Guy  Debord,  1957  
  95. 95. LiquidPhone   Movements  in  a  city  
  96. 96. LiquidPhone   Movements  in  a  city  
  97. 97. Conclusion  &  Outlook  
  98. 98. Summary   •   Pervasiveness  of  geospa=al  data.   •   Digital  technology  intertwined  into  urban  life.   •   Everbody  leaves  a  digital  signature.   •   Need  to  understand  paRerns  and  flows  of  informa=on.    
  99. 99. Summary   •   Geovisualiza=on  s=mulates  visual  analysis.   •   Making  invisible  layers  visible.   •   Interac=ve  visualiza=on  allow  explora=on.   •   Aesthe=cs  in  visualiza=on  and  interac=on.   •   Ques=on-­‐making  and  engage  a  discussions.   •   Simple  tools  are  needed  
  100. 100. Dotspogng  
  101. 101. Unfolding  map  library  
  102. 102. Unfolding   Map  library  for  Processing,  FH  Potsdam,  2011  
  103. 103. Unfolding   Map  library  for  Processing,  FH  Potsdam,  2011  
  104. 104. Live  Singapore  
  105. 105. Live  Singapore  
  106. 106. Thank  you!  QuesRons?  hKp://idl.v-­‐potsdam.de   Till  Nagel,  FH  Potsdam,  07/2011   nagel@v-­‐potsdam.de    –    twiKer:  @Rllnm  

×