際際滷

際際滷Share a Scribd company logo
Spatial 
Storytelling 
@mushon 
shual.com // Shenkar.ac.il // obudget.org
1972
Data Visualization 
The representation and presentation of data 
that exploits our visual perception abilities in order 
to amplify cognition. 
KIRK, ANDY ( 2 0 1 2 -12-2 6) . DATA VISUAL IZATION: A SUCCESSFUL DESIGN PROCESS (KINDLE LOCATIONS 
451- 452 ) . PACKT PUBL ISHING. KINDLE EDITION
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
廨廬 廬 廨廚 3
1)廨 廩廬 廬廨 )
? 廬  廬
Spatial storytelling
2)廨  )
 廬 廬 
廖/廨廨/ 廖廨 
? 廬
Spatial storytelling
Spatial storytelling
3)廨 廣廡 廬廨 )
 廬 廣廨 廣廢/廡廨
Spatial storytelling
X 
X 
X
eXplanatory 
eXploratory 
eXhibitionary
eXplanatory 
eXploratory 
eXhibitionary
t 
1869
eXplanatory 
eXploratory 
eXhibitionary
1854
eXplanatory 
eXploratory 
eXhibitionary
Spatial storytelling
廨廬  
Determining Tone
廨廩 
廚廩 
廚廨
Spatial storytelling
Spatial storytelling
廚 廬 廨廚
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
  廚 廬
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Spatial storytelling
Thanks! 
& Good Luck! 
@mushon 
shual.com // Shenkar.ac.il // obudget.org

More Related Content

Spatial storytelling

Editor's Notes

  • #3: Apollo 17 The image is one of the few to show a fully illuminated Earth, as the astronauts had the Sun behind them when they took the image. NASA rotated the original picture 180 degrees before publishing it.
  • #5: "On Exactitude in Science by Jorge Luis Borges High to Low Level of graphic interpretation
  • #6: Jacques Bertin
  • #10: The highest level of Bertin's interpretive acts concerned whether we are able to visually discriminate between different data marks or data series: can we actually see and read the data being presented. We must make sure that the way we visually distinguish different categorical and quantitative values is legible and is in no way hidden by way of unnecessary clutter, noise, or distraction.
  • #11: The highest level of Bertin's interpretive acts concerned whether we are able to visually discriminate between different data marks or data series: can we actually see and read the data being presented. We must make sure that the way we visually distinguish different categorical and quantitative values is legible and is in no way hidden by way of unnecessary clutter, noise, or distraction.
  • #12: 廬 廬? The highest level of Bertin's interpretive acts concerned whether we are able to visually discriminate between different data marks or data series: can we actually see and read the data being presented. We must make sure that the way we visually distinguish different categorical and quantitative values is legible and is in no way hidden by way of unnecessary clutter, noise, or distraction.
  • #13: The second act refers to being able to satisfactorily judge the relative order or ranking of values in terms of their magnitude. This is basic pattern matching where we seek to determine the general hierarchy of the values being displayed: where is the most and where is the least, which is the biggest and which is the smallest.
  • #14: The second act refers to being able to satisfactorily judge the relative order or ranking of values in terms of their magnitude. This is basic pattern matching where we seek to determine the general hierarchy of the values being displayed: where is the most and where is the least, which is the biggest and which is the smallest.
  • #15: The second act refers to being able to satisfactorily judge the relative order or ranking of values in terms of their magnitude. This is basic pattern matching where we seek to determine the general hierarchy of the values being displayed: where is the most and where is the least, which is the biggest and which is the smallest.
  • #16: The second act refers to being able to satisfactorily judge the relative order or ranking of values in terms of their magnitude. This is basic pattern matching where we seek to determine the general hierarchy of the values being displayed: where is the most and where is the least, which is the biggest and which is the smallest.
  • #17: The lowest-level act relates to judging values. Studies have shown how the effectiveness of different visual variables can be ranked based on which most accurately support comparison and pattern perception.
  • #18: The lowest-level act relates to judging values. Studies have shown how the effectiveness of different visual variables can be ranked based on which most accurately support comparison and pattern perception.
  • #19: The lowest-level act relates to judging values. Studies have shown how the effectiveness of different visual variables can be ranked based on which most accurately support comparison and pattern perception.
  • #21: Form / Function
  • #22: Form / Function
  • #23: 1869 - Of all of the visualizations in this post, Charles Minards map of Napoleons March is probably the most famous. Edward Tufte singled it out as the greatest statistical graphic ever, pushing it into the public consciousness. Whether it really is the greatest ever or not, this image does a great job of showing the miserable failure of the march, and the correlation with really cold weather.
  • #24: Form / Function
  • #25: Today we know that cholera is spread through water, but in the early 1800s people werent sure. John Snows cholera map helped to show that contaminated wells were at the center of outbreaks. His research helped save countless lives and set the foundation for the field of epidemiology.
  • #26: Form / Function
  • #27: Form / Function
  • #28: - Delivery Tone - Color Type
  • #30: Map of downtown Chicago
  • #31: Map of downtown Chicago (Waze)
  • #32: Mapping geo-spatial data To plot and present datasets with geo-spatial properties via the many different mapping frameworks. A popular approach would be the choropleth map.
  • #33: Choropleth map Data variables: 2 x quantitative-interval, 1 x quantitative-ratio. Visual variables: Position, color-saturation/lightness.
  • #34: Dot plot map Data variables: 2 x quantitative-interval. Visual variables: Position.
  • #35: Bubble plot map Data variables: 2 x quantitative-interval, 1 x quantitative-ratio, 1 x categorical-nominal. Visual variables: Position, area, color-hue.
  • #36: Isarithmic map (or contour map or topological map) Data variables: Multiple x quantitative, multiple x categorical. Visual variables: Position, color-hue, color-saturation, color-darkness.
  • #37: Particle flow map Data variables: Multiple x quantitative. Visual variables: Position, direction, thickness, speed.
  • #38: Cartogram Data variables: 2 x quantitative-interval, 1 x quantitative-ratio. Visual variables: Position, size.
  • #39: Dorling cartogram Data variables: 2 x categorical, 1 x quantitative-ratio. Visual variables: Position, size, color-hue.
  • #40: Network connection map Data variables: 2 x quantitative-interval, 1 x categorical-nominal. Visual variables: Position, link, color-hue.
  • #42: OpenStreetMap.org
  • #43: Google fusion tables https://support.google.com/fusiontables/answer/2527132?hl=en
  • #44: cartodb.com
  • #45: http://cartodb.github.io/odyssey.js/
  • #46: mapbox.com
  • #47: GeoJSON.io
  • #48: leafletjs.com
  • #49: d3js.org
  • #50: d3js.org