InfoVis 2010 Lecture 1


Published on

Visualizzazione dell'Informazione 2009/2010, Informatica Umanistica, Università di Pisa

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Friendly, M. & Denis, D. J. (2001). Milestones in the history of thematic cartography, statistical graphics, and data visualization. Web document, Accessed: February 23, 2010
  • Map are the fundamental form of visualization because it is connected to the real terrain
  • G-Speak
  • S. S. Stevens, On the theory of scales of measurements, 1946
  • Visual Thinking for Design , Colin Ware, Morgan Kaufman (2008)
  • InfoVis 2010 Lecture 1

    1. 1. Information Visualization Course Informatica Umanistica Università di Pisa Lecture I – 24 th February 2010 Emanuele Ruffaldi PERCRO - Scuola Superiore S.Anna
    2. 2. <ul><li>Term Visualize </li></ul>form a mental image of something to make perceptible to the mind
    3. 3. Visualization in the Past Oldest Known Map (Museum at Konya, Turkey) c. 6200 BC Oldest World Map by Anaximander of Miletus c. 550BC
    4. 4. Visualization Today Evolution of Storage MIT, Real Time Rome Rosling @ TED New York Tube (NYT) RoamBi Enabling Technology Laboratory in the UAB School of Engineering
    5. 5. Information Visualization <ul><li>The purpose of </li></ul><ul><li>visualization is to </li></ul><ul><li>convey information to </li></ul><ul><li>people through </li></ul><ul><li>graphical means </li></ul>Pat Hanrahan, Barbara Tverski, et al.
    6. 6. Visualization Goals <ul><li>Macro Goals </li></ul><ul><ul><li>Record </li></ul></ul><ul><ul><li>Analyze </li></ul></ul><ul><ul><li>Present </li></ul></ul><ul><li>Effects </li></ul><ul><ul><li>Map </li></ul></ul><ul><ul><li>Abstract </li></ul></ul><ul><ul><li>Clarify </li></ul></ul><ul><ul><li>Interact </li></ul></ul><ul><ul><li>Communicate </li></ul></ul><ul><ul><li>Discover </li></ul></ul>
    7. 7. Clarify
    8. 8. Clarify First Clear map of London Tube by Harry Beck in 1931 (Topology Based)
    9. 9. Interaction G-Peak by Oblong
    10. 10. Information Explosion <ul><li>The Industrial Revolution of Data ( Joseph Hellerstein , UC Berkeley) </li></ul>
    11. 11. Challenges <ul><li>Information Explosion </li></ul><ul><ul><li>Increasing amount of data </li></ul></ul><ul><ul><li>How to Select? </li></ul></ul><ul><li>Visual Form </li></ul><ul><ul><li>Many different ways of representing data </li></ul></ul><ul><ul><li>Which Visualization? </li></ul></ul><ul><li>Interactivity </li></ul><ul><ul><li>Interactivity improves visualization </li></ul></ul><ul><ul><li>Which Interaction metaphor? </li></ul></ul>
    12. 12. Visualization Process Data Acquisition Scraping Visualization Design Evaluation Interaction Data Processing Decision Problem Statement
    13. 13. Information Model <ul><li>Entities </li></ul><ul><ul><li>Single elements with Attributes </li></ul></ul><ul><li>Relationships </li></ul><ul><ul><li>Associations between Entities </li></ul></ul><ul><ul><li>With their Attributes </li></ul></ul>
    14. 14. Representation <ul><li>Semantic </li></ul><ul><li>Arbitrary </li></ul><ul><li>Conventional </li></ul>
    15. 15. Data Types <ul><li>Attribute Quality </li></ul><ul><ul><li>Nominal (Categorical): Fruits, Colors,… </li></ul></ul><ul><ul><li>Ordinal (Ordered): Days, Ratings </li></ul></ul><ul><ul><li>Quantitative </li></ul></ul><ul><ul><li>Interval : time </li></ul></ul><ul><ul><li>Ratio </li></ul></ul><ul><li>Attribute Dimensionality </li></ul><ul><ul><li>Dimension like 1..2… for vector </li></ul></ul>S. S. Stevens, On the theory of scales of measurements, 1946
    16. 16. Basic Visual Encoding <ul><li>Representations of Data </li></ul><ul><ul><li>Position </li></ul></ul><ul><ul><li>Size </li></ul></ul><ul><ul><li>Color (shade) </li></ul></ul><ul><ul><li>Textures </li></ul></ul><ul><ul><li>Orientation </li></ul></ul><ul><ul><li>Shape </li></ul></ul><ul><li>Exercise </li></ul><ul><ul><li>How we can intuitively map types of data to such Encodings? </li></ul></ul><ul><li>The Design Space of InfoVis is the selection of the Visual (and Interaction) Metaphors </li></ul>
    17. 17. Basic Visual Encoding
    19. 19. Objective of this Course <ul><li>Provide the principles and the technique for making effective visualizations </li></ul>
    20. 20. Structure of the Course
    21. 21. Foundation
    22. 22. <ul><li>Design principles for Statistics Graphs </li></ul><ul><li>Varieties of Graphs </li></ul>Charts
    23. 23. Maps Real and Abstract Maps Exercises with Google Maps e Google Earth
    24. 24. Trees, Graphs and Nets <ul><li>Foundation of complex visualization </li></ul><ul><li>Used for Social Networking analysis </li></ul><ul><li>Basics of Graph Theory </li></ul><ul><li>Layout and Display </li></ul><ul><li>Exercises on the Web </li></ul>Flow Graph Tree Map
    25. 25. Information Landscapes 3D Tool for Visualization
    26. 26. Text Analysis Application of principles to text corpora Exercises on known large corpora as Shakespeare, Homerus …
    27. 27. Patent Analysis <ul><li>Case Study on use of Visualization for patent data </li></ul><ul><li>Graphs and Maps based </li></ul><ul><li>Citation Analysis </li></ul>
    28. 28. Lectures <ul><li>Lecture Types </li></ul><ul><ul><li>Theoretical </li></ul></ul><ul><ul><li>Practical </li></ul></ul><ul><ul><li>Exercises </li></ul></ul><ul><ul><li>Project Discussion </li></ul></ul><ul><li>Relevant Scientific Papers </li></ul>
    29. 29. Textbook <ul><li>Textbook </li></ul><ul><ul><li>Information Visualization Perception for Design (2 nd ), Colin Ware (2004) Morgan Kauffmann </li></ul></ul><ul><ul><li>This first lecture is covered in Chapter 1 </li></ul></ul><ul><li>Interesting Books </li></ul><ul><ul><li>Envisioning Information, Edward Tufte </li></ul></ul>
    30. 30. Practice <ul><li>Web Visualization </li></ul><ul><ul><li>HTML + JavaScript (Low) </li></ul></ul><ul><ul><li>Processing.js </li></ul></ul><ul><li>Maps </li></ul><ul><ul><li>Google Map e Google Earth </li></ul></ul><ul><li>High Level Tools </li></ul><ul><ul><li>Mondrian (Java Based) </li></ul></ul><ul><li>3D Visualization </li></ul><ul><ul><li>Information Landscape </li></ul></ul><ul><ul><li>WebGL </li></ul></ul>
    31. 31. Web Visualization
    32. 32. Requirements of the Course <ul><li>Passion about Information and Visualization </li></ul><ul><li>Web Concepts and Tools </li></ul><ul><li>Basics of Programming </li></ul><ul><li>Data Concepts </li></ul>
    33. 33. Exam <ul><li>Project developed during the Course </li></ul><ul><li>Integrated with one or two questions </li></ul>
    34. 34. Contact Information <ul><li>Emanuele Ruffaldi </li></ul><ul><ul><li>Email [email_address] </li></ul></ul><ul><ul><li>Address </li></ul></ul><ul><ul><ul><li>PERCRO Scuola Superiore S.Anna, Via Martiri 11 </li></ul></ul></ul><ul><li>Schedule </li></ul><ul><ul><li>Mer 16.15-17.45 </li></ul></ul><ul><ul><li>Ven 14.00-16.00 </li></ul></ul><ul><ul><li>Class: FIB-I Aula I - Polo didattico via Buonarroti </li></ul></ul><ul><li>Website </li></ul>
    35. 35. These slides are subject to the License Creative Commons Attribution-Noncommercial-Share Alike 2.5 Italy