Information Visualization  Course Informatica Umanistica Università di Pisa Lecture I – 24 th  February 2010 Emanuele Ruff...
<ul><li>Term Visualize </li></ul>form a mental image of something   to make perceptible to the mind
Visualization in the Past http://www.math.yorku.ca/SCS/Gallery/milestone/ Oldest Known Map (Museum at Konya, Turkey)  c. 6...
Visualization Today Evolution of Storage MIT, Real Time Rome Rosling @ TED New York Tube (NYT) RoamBi Enabling Technology ...
Information Visualization <ul><li>The purpose of </li></ul><ul><li>visualization is to </li></ul><ul><li>convey informatio...
Visualization Goals <ul><li>Macro Goals </li></ul><ul><ul><li>Record </li></ul></ul><ul><ul><li>Analyze </li></ul></ul><ul...
Clarify http://homepage.ntlworld.com/clivebillson/tube/tube.html
Clarify First Clear map of London Tube by Harry Beck  in 1931 (Topology Based)
Interaction G-Peak by Oblong
Information Explosion <ul><li>The Industrial Revolution of Data ( Joseph Hellerstein , UC Berkeley) </li></ul>
Challenges <ul><li>Information Explosion </li></ul><ul><ul><li>Increasing amount of data </li></ul></ul><ul><ul><li>How to...
Visualization Process Data Acquisition Scraping Visualization Design Evaluation Interaction Data Processing Decision Probl...
Information Model <ul><li>Entities </li></ul><ul><ul><li>Single elements with Attributes </li></ul></ul><ul><li>Relationsh...
Representation <ul><li>Semantic </li></ul><ul><li>Arbitrary </li></ul><ul><li>Conventional </li></ul>
Data Types <ul><li>Attribute Quality </li></ul><ul><ul><li>Nominal (Categorical): Fruits, Colors,… </li></ul></ul><ul><ul>...
Basic Visual Encoding <ul><li>Representations of Data </li></ul><ul><ul><li>Position </li></ul></ul><ul><ul><li>Size </li>...
Basic Visual Encoding
COURSE STRUCTURE
Objective of this Course <ul><li>Provide the principles and the technique for making effective visualizations </li></ul>
Structure of the Course
Foundation
<ul><li>Design principles for Statistics Graphs </li></ul><ul><li>Varieties of Graphs  </li></ul>Charts
Maps Real and Abstract Maps Exercises with Google Maps e Google Earth
Trees, Graphs and Nets <ul><li>Foundation of complex visualization </li></ul><ul><li>Used for Social Networking analysis <...
Information Landscapes 3D Tool for Visualization
Text Analysis Application of principles to text corpora Exercises on known large corpora as Shakespeare, Homerus …
Patent Analysis <ul><li>Case Study on use of Visualization for patent data </li></ul><ul><li>Graphs and Maps based </li></...
Lectures <ul><li>Lecture Types </li></ul><ul><ul><li>Theoretical </li></ul></ul><ul><ul><li>Practical </li></ul></ul><ul><...
Textbook <ul><li>Textbook </li></ul><ul><ul><li>Information Visualization Perception for Design (2 nd ), Colin Ware (2004)...
Practice <ul><li>Web Visualization </li></ul><ul><ul><li>HTML + JavaScript (Low) </li></ul></ul><ul><ul><li>Processing.js ...
Web Visualization http://manyeyes.alphaworks.ibm.com/manyeyes/ http://processingjs.org/ http://thejit.org/
Requirements of the Course <ul><li>Passion about Information and Visualization </li></ul><ul><li>Web Concepts and Tools </...
Exam <ul><li>Project developed during the Course </li></ul><ul><li>Integrated with one or two questions </li></ul>
Contact Information <ul><li>Emanuele Ruffaldi </li></ul><ul><ul><li>Email  [email_address] </li></ul></ul><ul><ul><li>Addr...
These slides are subject to the License Creative Commons Attribution-Noncommercial-Share Alike 2.5 Italy
Upcoming SlideShare
Loading in …5
×

InfoVis 2010 Lecture 1

1,279 views
1,170 views

Published on

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

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide
  • Friendly, M. &amp; Denis, D. J. (2001). Milestones in the history of thematic cartography, statistical graphics, and data visualization. Web document, http://www.math.yorku.ca/SCS/Gallery/milestone/. 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 http://www.math.yorku.ca/SCS/Gallery/milestone/ 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 http://homepage.ntlworld.com/clivebillson/tube/tube.html
    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
    18. 18. COURSE STRUCTURE
    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 http://manyeyes.alphaworks.ibm.com/manyeyes/ http://processingjs.org/ http://thejit.org/
    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 http://www.percro.org/corsi/infovis10/ </li></ul>
    35. 35. These slides are subject to the License Creative Commons Attribution-Noncommercial-Share Alike 2.5 Italy

    ×