SlideShare a Scribd company logo
1 of 20
Fall 2002 CS/PSY 6750 1
Information Visualization
Picture worth 1000 words...
Agenda
• Information Visualization overview
− Definition
− Principles
− Examples
− Techniques
Fall 2002 CS/PSY 6750 2
Data, Data Everywhere
• Our world is bustling in data
• Computers, internet and web have given
people more access to it (but it’s been
here all along)
• How do we make sense of it?
• How do we harness this data in decision-
making processes?
Fall 2002 CS/PSY 6750 3
Three Approaches
• Software Agents
− Computational agent that carries out user’s
request
• Data Mining
− Software that analyzes database and extracts
“interesting” features
• Information Visualization
− Visual tools to help users better examine the
data themselves
Fall 2002 CS/PSY 6750 4
Atlanta Flight Traffic
AJC
Fall 2002 CS/PSY 6750 5
London Subway
Fall 2002 CS/PSY 6750 6
Napolean’s March
size of army
direction
latitude
longitude
temperature
date
From E. Tufte
The Visual Display of
Quantitative Information
Minard graphic
Fall 2002 CS/PSY 6750 7
Information Visualization
• What is “Information”?
− Items, entities, things which do not have a direct
physical correspondence
− Notion of abstractness of the entities is important too
• What is “visualization”?
− The use of computer-supported, interactive visual
representations of data to amplify cognition.
From [Card, Mackinlay Shneiderman ‘98]
Fall 2002 CS/PSY 6750 8
Information Visualization
• Essence:
− Taking items without a physical
correspondence and mapping them to a 2-D
or 3-D physical space.
− Giving information a visual representation that
is useful for analysis and decision-making
Fall 2002 CS/PSY 6750 9
Main Idea
• Visuals help us think
− External cognition
− Provide a frame of reference, a temporary
storage area
• “The purpose of visualization is insight,
not pictures”
− Insight
Discovery, decision making, explanation
Fall 2002 CS/PSY 6750 10
Domains for Info Vis
• Text
• Statistics
• Financial/business data
• Internet information
• Software
• ...
Fall 2002 CS/PSY 6750 11
Components of Study
• Data analysis
− Data items with attributes or variables
− Generate data tables
• Visual structures
− Spatial substrate, marks, graphical properties
of marks
• UI and interaction
• Analytic tasks to be performed
Fall 2002 CS/PSY 6750 12
Tasks in Info Vis 1
• Search
− Finding a specific piece of information
How many games did the Braves win in
1995?
What novels did Ian Fleming author?
• Browse
− Look over or inspect something in a more
casual manner, seek interesting information
Learn about crystallography
What has Jane been up to lately?
Fall 2002 CS/PSY 6750 13
Tasks in Info Vis 2
• Analysis
− Comparison-Difference
− Outliers, Extremes
− Patterns
• Assimilate
• Categorize
• Locate
Fall 2002 CS/PSY 6750 14
Tasks in Info Vis 3
• Identify
• Rank
• Associate
• Reveal
• Monitor
• Maintain awareness
• ...
Fall 2002 CS/PSY 6750 15
Example
NYC weather
2220 numbers
Tufte, Vol. 1
Fall 2002 CS/PSY 6750 16
Example
Univ. of Maryland
Film Finder
Video
Fall 2002 CS/PSY 6750 17
InfoVis Techniques
• Aggregation
− Accumulate individual elements into a larger unit to be
presented as some whole
• Overview & Detail
− Provide both global overview and detail zooming capabilities
• Focus + Context
− Show details of one or more regions in a more global context
(eg, fisheye)
• Drill-down
− Select individual item or smaller set of items from a display for a
more detailed view/analysis
• Brushing
− Select or designate/specify value, then see pertinent items
elsewhere on the display
Fall 2002 CS/PSY 6750 18
Issues
• Graphic design
− Extremely important in information visualization
− Should reveal data and relationships, not obscure them
− Tufte books provide many guidelines
• Scalability
− Presentation of information becomes really interesting as the
size of the data grows
− Run out of pixels at some point
− Requires aggregation, navigation, …
• Interaction
− Computer provides interactive capability that we do not have in
printed page
− Often, must navigate and examine different views of data to gain
insight
Fall 2002 CS/PSY 6750 19
More Examples
www.smartmoney.com/marketmap
Demo
Fall 2002 CS/PSY 6750 20
More Examples
Data Mountain
Microsoft Research
Video

More Related Content

Similar to Hci gattech33 info-vis

BCS BISSG Business Intelligence - Past, Present and Future
BCS BISSG Business Intelligence - Past, Present and FutureBCS BISSG Business Intelligence - Past, Present and Future
BCS BISSG Business Intelligence - Past, Present and FutureGary Nuttall MBCS CITP
 
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINAL
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINALBCS BISSG - Business Intelligence - Past Present and Future 20150624 FINAL
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINALGary Nuttall MBCS CITP
 
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...Denodo
 
Hci gattech15 graphic-design1
Hci gattech15 graphic-design1Hci gattech15 graphic-design1
Hci gattech15 graphic-design1Alvin Setiawan
 
LoQutus: A deep-dive into Microsoft Power BI
LoQutus: A deep-dive into Microsoft Power BILoQutus: A deep-dive into Microsoft Power BI
LoQutus: A deep-dive into Microsoft Power BILoQutus
 
Datamininglecture
DatamininglectureDatamininglecture
DatamininglectureManish Rana
 
Bp presentation business intelligence and advanced data analytics september ...
Bp presentation business intelligence  and advanced data analytics september ...Bp presentation business intelligence  and advanced data analytics september ...
Bp presentation business intelligence and advanced data analytics september ...Barrett Peterson
 
Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk
 
Data science workflow v1.1
Data science workflow v1.1Data science workflow v1.1
Data science workflow v1.1Jessie_N
 
Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019 Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019 Russell Spangler
 
Beyond the Black Box: Data Visualisation
Beyond the Black Box: Data VisualisationBeyond the Black Box: Data Visualisation
Beyond the Black Box: Data VisualisationMia
 
How to Build Data Science Teams
How to Build Data Science TeamsHow to Build Data Science Teams
How to Build Data Science TeamsGanes Kesari
 
351315535-Module-1-Intro-to-Data-Science-pptx.pptx
351315535-Module-1-Intro-to-Data-Science-pptx.pptx351315535-Module-1-Intro-to-Data-Science-pptx.pptx
351315535-Module-1-Intro-to-Data-Science-pptx.pptxXanGwaps
 
BUS105Business Information SystemsWorkshop Week 3.docx
BUS105Business Information SystemsWorkshop Week 3.docxBUS105Business Information SystemsWorkshop Week 3.docx
BUS105Business Information SystemsWorkshop Week 3.docxjasoninnes20
 
TDWI Boston Keynote: The New BI/Analytics Synergy
TDWI Boston Keynote: The New BI/Analytics Synergy TDWI Boston Keynote: The New BI/Analytics Synergy
TDWI Boston Keynote: The New BI/Analytics Synergy Eckerson Group
 
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynote
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynoteTDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynote
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynoteEckerson Group
 

Similar to Hci gattech33 info-vis (20)

Information Visualization 2013
Information Visualization 2013Information Visualization 2013
Information Visualization 2013
 
BCS BISSG Business Intelligence - Past, Present and Future
BCS BISSG Business Intelligence - Past, Present and FutureBCS BISSG Business Intelligence - Past, Present and Future
BCS BISSG Business Intelligence - Past, Present and Future
 
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINAL
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINALBCS BISSG - Business Intelligence - Past Present and Future 20150624 FINAL
BCS BISSG - Business Intelligence - Past Present and Future 20150624 FINAL
 
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...
Denodo: Enabling a Data Mesh Architecture and Data Sharing Culture at Landsba...
 
BI Introduction
BI IntroductionBI Introduction
BI Introduction
 
Hci gattech15 graphic-design1
Hci gattech15 graphic-design1Hci gattech15 graphic-design1
Hci gattech15 graphic-design1
 
LoQutus: A deep-dive into Microsoft Power BI
LoQutus: A deep-dive into Microsoft Power BILoQutus: A deep-dive into Microsoft Power BI
LoQutus: A deep-dive into Microsoft Power BI
 
Datamininglecture
DatamininglectureDatamininglecture
Datamininglecture
 
Bp presentation business intelligence and advanced data analytics september ...
Bp presentation business intelligence  and advanced data analytics september ...Bp presentation business intelligence  and advanced data analytics september ...
Bp presentation business intelligence and advanced data analytics september ...
 
Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk's Webinar for Tableau (July 2016)
Andy Kirk's Webinar for Tableau (July 2016)
 
Data science workflow v1.1
Data science workflow v1.1Data science workflow v1.1
Data science workflow v1.1
 
Access intro
Access introAccess intro
Access intro
 
Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019 Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019
 
Beyond the Black Box: Data Visualisation
Beyond the Black Box: Data VisualisationBeyond the Black Box: Data Visualisation
Beyond the Black Box: Data Visualisation
 
How to Build Data Science Teams
How to Build Data Science TeamsHow to Build Data Science Teams
How to Build Data Science Teams
 
Visual analytics
Visual analyticsVisual analytics
Visual analytics
 
351315535-Module-1-Intro-to-Data-Science-pptx.pptx
351315535-Module-1-Intro-to-Data-Science-pptx.pptx351315535-Module-1-Intro-to-Data-Science-pptx.pptx
351315535-Module-1-Intro-to-Data-Science-pptx.pptx
 
BUS105Business Information SystemsWorkshop Week 3.docx
BUS105Business Information SystemsWorkshop Week 3.docxBUS105Business Information SystemsWorkshop Week 3.docx
BUS105Business Information SystemsWorkshop Week 3.docx
 
TDWI Boston Keynote: The New BI/Analytics Synergy
TDWI Boston Keynote: The New BI/Analytics Synergy TDWI Boston Keynote: The New BI/Analytics Synergy
TDWI Boston Keynote: The New BI/Analytics Synergy
 
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynote
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynoteTDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynote
TDWI Boston Keynote - The New BI/Analytics Synergy - 7 30-2015 - tdwi keynote
 

More from Alvin Setiawan

Penyelesaian pers-biseksi13
Penyelesaian pers-biseksi13Penyelesaian pers-biseksi13
Penyelesaian pers-biseksi13Alvin Setiawan
 
Penyelesaian persamaan-non-linear
Penyelesaian persamaan-non-linearPenyelesaian persamaan-non-linear
Penyelesaian persamaan-non-linearAlvin Setiawan
 
Pengembangan sistem 1 2
Pengembangan sistem 1 2Pengembangan sistem 1 2
Pengembangan sistem 1 2Alvin Setiawan
 
Modul pelatihan ly_x_untuk_jurnal-feb-2cols
Modul pelatihan ly_x_untuk_jurnal-feb-2colsModul pelatihan ly_x_untuk_jurnal-feb-2cols
Modul pelatihan ly_x_untuk_jurnal-feb-2colsAlvin Setiawan
 
Metode numerik-rinaldi-munir-libre
Metode numerik-rinaldi-munir-libreMetode numerik-rinaldi-munir-libre
Metode numerik-rinaldi-munir-libreAlvin Setiawan
 
Metode numerik-buku-ajar-unila
Metode numerik-buku-ajar-unilaMetode numerik-buku-ajar-unila
Metode numerik-buku-ajar-unilaAlvin Setiawan
 
Met num3 persnonl-inier_baru
Met num3 persnonl-inier_baruMet num3 persnonl-inier_baru
Met num3 persnonl-inier_baruAlvin Setiawan
 
Met num02 persamaan non linier
Met num02 persamaan non linierMet num02 persamaan non linier
Met num02 persamaan non linierAlvin Setiawan
 
Membuat dokumen dengan latex ver.0.3
Membuat dokumen dengan latex   ver.0.3Membuat dokumen dengan latex   ver.0.3
Membuat dokumen dengan latex ver.0.3Alvin Setiawan
 
Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlAlvin Setiawan
 
M8 perancangan terinci
M8 perancangan terinciM8 perancangan terinci
M8 perancangan terinciAlvin Setiawan
 

More from Alvin Setiawan (20)

Penyelesaian pers-biseksi13
Penyelesaian pers-biseksi13Penyelesaian pers-biseksi13
Penyelesaian pers-biseksi13
 
Penyelesaian persamaan-non-linear
Penyelesaian persamaan-non-linearPenyelesaian persamaan-non-linear
Penyelesaian persamaan-non-linear
 
Pengembangan sistem 1 2
Pengembangan sistem 1 2Pengembangan sistem 1 2
Pengembangan sistem 1 2
 
Pedoman ta2008
Pedoman ta2008Pedoman ta2008
Pedoman ta2008
 
Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
 
Paper
PaperPaper
Paper
 
Nl eqn lab
Nl eqn labNl eqn lab
Nl eqn lab
 
Modul6
Modul6Modul6
Modul6
 
Modul pelatihan ly_x_untuk_jurnal-feb-2cols
Modul pelatihan ly_x_untuk_jurnal-feb-2colsModul pelatihan ly_x_untuk_jurnal-feb-2cols
Modul pelatihan ly_x_untuk_jurnal-feb-2cols
 
Ml2 f304213
Ml2 f304213Ml2 f304213
Ml2 f304213
 
Micro sim template_2
Micro sim template_2Micro sim template_2
Micro sim template_2
 
Metode numerik-rinaldi-munir-libre
Metode numerik-rinaldi-munir-libreMetode numerik-rinaldi-munir-libre
Metode numerik-rinaldi-munir-libre
 
Metode numerik-buku-ajar-unila
Metode numerik-buku-ajar-unilaMetode numerik-buku-ajar-unila
Metode numerik-buku-ajar-unila
 
Metode regula falsi
Metode regula falsiMetode regula falsi
Metode regula falsi
 
Metode biseksi
Metode biseksiMetode biseksi
Metode biseksi
 
Met num3 persnonl-inier_baru
Met num3 persnonl-inier_baruMet num3 persnonl-inier_baru
Met num3 persnonl-inier_baru
 
Met num02 persamaan non linier
Met num02 persamaan non linierMet num02 persamaan non linier
Met num02 persamaan non linier
 
Membuat dokumen dengan latex ver.0.3
Membuat dokumen dengan latex   ver.0.3Membuat dokumen dengan latex   ver.0.3
Membuat dokumen dengan latex ver.0.3
 
Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sql
 
M8 perancangan terinci
M8 perancangan terinciM8 perancangan terinci
M8 perancangan terinci
 

Hci gattech33 info-vis

  • 1. Fall 2002 CS/PSY 6750 1 Information Visualization Picture worth 1000 words... Agenda • Information Visualization overview − Definition − Principles − Examples − Techniques
  • 2. Fall 2002 CS/PSY 6750 2 Data, Data Everywhere • Our world is bustling in data • Computers, internet and web have given people more access to it (but it’s been here all along) • How do we make sense of it? • How do we harness this data in decision- making processes?
  • 3. Fall 2002 CS/PSY 6750 3 Three Approaches • Software Agents − Computational agent that carries out user’s request • Data Mining − Software that analyzes database and extracts “interesting” features • Information Visualization − Visual tools to help users better examine the data themselves
  • 4. Fall 2002 CS/PSY 6750 4 Atlanta Flight Traffic AJC
  • 5. Fall 2002 CS/PSY 6750 5 London Subway
  • 6. Fall 2002 CS/PSY 6750 6 Napolean’s March size of army direction latitude longitude temperature date From E. Tufte The Visual Display of Quantitative Information Minard graphic
  • 7. Fall 2002 CS/PSY 6750 7 Information Visualization • What is “Information”? − Items, entities, things which do not have a direct physical correspondence − Notion of abstractness of the entities is important too • What is “visualization”? − The use of computer-supported, interactive visual representations of data to amplify cognition. From [Card, Mackinlay Shneiderman ‘98]
  • 8. Fall 2002 CS/PSY 6750 8 Information Visualization • Essence: − Taking items without a physical correspondence and mapping them to a 2-D or 3-D physical space. − Giving information a visual representation that is useful for analysis and decision-making
  • 9. Fall 2002 CS/PSY 6750 9 Main Idea • Visuals help us think − External cognition − Provide a frame of reference, a temporary storage area • “The purpose of visualization is insight, not pictures” − Insight Discovery, decision making, explanation
  • 10. Fall 2002 CS/PSY 6750 10 Domains for Info Vis • Text • Statistics • Financial/business data • Internet information • Software • ...
  • 11. Fall 2002 CS/PSY 6750 11 Components of Study • Data analysis − Data items with attributes or variables − Generate data tables • Visual structures − Spatial substrate, marks, graphical properties of marks • UI and interaction • Analytic tasks to be performed
  • 12. Fall 2002 CS/PSY 6750 12 Tasks in Info Vis 1 • Search − Finding a specific piece of information How many games did the Braves win in 1995? What novels did Ian Fleming author? • Browse − Look over or inspect something in a more casual manner, seek interesting information Learn about crystallography What has Jane been up to lately?
  • 13. Fall 2002 CS/PSY 6750 13 Tasks in Info Vis 2 • Analysis − Comparison-Difference − Outliers, Extremes − Patterns • Assimilate • Categorize • Locate
  • 14. Fall 2002 CS/PSY 6750 14 Tasks in Info Vis 3 • Identify • Rank • Associate • Reveal • Monitor • Maintain awareness • ...
  • 15. Fall 2002 CS/PSY 6750 15 Example NYC weather 2220 numbers Tufte, Vol. 1
  • 16. Fall 2002 CS/PSY 6750 16 Example Univ. of Maryland Film Finder Video
  • 17. Fall 2002 CS/PSY 6750 17 InfoVis Techniques • Aggregation − Accumulate individual elements into a larger unit to be presented as some whole • Overview & Detail − Provide both global overview and detail zooming capabilities • Focus + Context − Show details of one or more regions in a more global context (eg, fisheye) • Drill-down − Select individual item or smaller set of items from a display for a more detailed view/analysis • Brushing − Select or designate/specify value, then see pertinent items elsewhere on the display
  • 18. Fall 2002 CS/PSY 6750 18 Issues • Graphic design − Extremely important in information visualization − Should reveal data and relationships, not obscure them − Tufte books provide many guidelines • Scalability − Presentation of information becomes really interesting as the size of the data grows − Run out of pixels at some point − Requires aggregation, navigation, … • Interaction − Computer provides interactive capability that we do not have in printed page − Often, must navigate and examine different views of data to gain insight
  • 19. Fall 2002 CS/PSY 6750 19 More Examples www.smartmoney.com/marketmap Demo
  • 20. Fall 2002 CS/PSY 6750 20 More Examples Data Mountain Microsoft Research Video