Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide...
Transcript of Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide...
![Page 2: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/2.jpg)
Sources
• Selected contributions from− Torsten Möller [This is his slide deck.]
− Raghu Machiraju
− Tamara Munzner
− Hanspeter Pfister
− Melanie Tory
− Daniel Weiskopf
![Page 3: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/3.jpg)
What is Visualization?
• What?
• Why?
• Who?
• How?
![Page 4: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/4.jpg)
The American Heritage Dictionary
vi∙su∙al∙ize1. To form a mental image of2. To make visible
![Page 5: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/5.jpg)
Visualization
www.wordle.net
To convey information through visual representations
![Page 6: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/6.jpg)
Definitions
• B. McCormick, T. DeFanti, and M. Brown:Visualization is a method of computing. It transforms the symbolic intothe geometric, enabling researchers to observe their simulations andcomputations. Visualization offers a method for seeing the unseen. Itenriches the process of scientific discovery and fosters profound andunexpected insights. In many fields it is already revolutionizing theway scientists do science.
McCormick, B.H., T.A. DeFanti, M.D. Brown, Visualization in Scientific Computing, Computer Graphics 21(6), November 1987
![Page 7: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/7.jpg)
Definitions
• Tamara Munzner, 2012:Computer-based visualization systems provide visualrepresentations of datasets intended to help peoplecarry out some task more effectively.
T. Munzner: Visualization Design and Analysis: Abstractions, Principles, and Methods, AK Peters, 2014
![Page 8: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/8.jpg)
Definitions
• Tamara Munzner, 2012:Computer-based visualization systems provide visualrepresentations of datasets intended to help peoplecarry out some task more effectively.
T. Munzner: Visualization Design and Analysis: Abstractions, Principles, and Methods, AK Peters, 2014
![Page 9: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/9.jpg)
Definitions
• Tamara Munzner, 2012:Computer-based visualization systems provide visualrepresentations of datasets intended to help peoplecarry out some task more effectively.
T. Munzner: Visualization Design and Analysis: Abstractions, Principles, and Methods, AK Peters, 2014
![Page 10: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/10.jpg)
Definitions
• Tamara Munzner, 2012:Computer-based visualization systems provide visualrepresentations of datasets intended to help peoplecarry out some task more effectively.
T. Munzner: Visualization Design and Analysis: Abstractions, Principles, and Methods, AK Peters, 2014
![Page 11: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/11.jpg)
Definitions
• Tamara Munzner, 2012:Computer-based visualization systems provide visualrepresentations of datasets intended to help peoplecarry out some task more effectively.
T. Munzner: Visualization Design and Analysis: Abstractions, Principles, and Methods, AK Peters, 2014
![Page 12: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/12.jpg)
Visualization Goals
![Page 13: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/13.jpg)
Map
Milestones Project, Michael Friendly, York Uhttp://datavis.ca/milestones/index.php?group=pre-1600
Anaximander of Miletus, c. 550 BCKonya town map, Turkey, c. 6200 BC
![Page 14: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/14.jpg)
Map
Halley’s Wind Map, 1686Planetary Movement Diagram, c. 950
![Page 15: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/15.jpg)
Record
The Galileo Project, Rice University
Galileo Galilei, 1616
Leonardo Da Vinci, ca. 1500
The History of Visual CommunicationWilliam Curtis (1746-1799)
![Page 16: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/16.jpg)
Record
E. J. Muybridge, 1878
![Page 17: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/17.jpg)
Abstract
wikipedia.orgW. Playfair, 1786
F. Nightingale, 1856
![Page 18: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/18.jpg)
Abstract
wikipedia.org
W. Playfair, 1801
Canadian pre-campaign voting intentions for the federal election 2019
![Page 19: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/19.jpg)
Discover
E. Tufte, Visual Explanations, 1997John Snow, 1854
![Page 20: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/20.jpg)
Discover
E. Tufte, Writings, Artworks, News
C.J. Minard, 1869
![Page 21: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/21.jpg)
Clarify
London Subway Map, 1927
![Page 22: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/22.jpg)
Clarify
Harry Beck, 1933
![Page 23: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/23.jpg)
Interact
Ivan Sutherland, Sketchpad, 1963
Doug Engelbart, 1968
[play Engelbart.mov]
![Page 24: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/24.jpg)
Interact
M. Wattenberg, 2005
![Page 25: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/25.jpg)
Interact
NY Times
![Page 26: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/26.jpg)
Communicate
Many Eyes, 2007
![Page 27: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/27.jpg)
Communicate
NY Times
![Page 28: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/28.jpg)
T. Takeda, 4D2U Project
![Page 29: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/29.jpg)
Inspire / Tell a Story
Hans Rosling, TED 2006
![Page 30: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/30.jpg)
Visualization
• To convey information through visual representations
Map
Record
Abstract
Discover
Clarify
![Page 31: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/31.jpg)
Goals
• Insight and analysis− Extract the information content− Make things/coherences visible that are not apparent− Analyze the data by means of the visual representation
• Communication− Allow the non–expert to understand
• Present specific information in a way that all of us understand
− Guide the expert into the right direction
• Exploration− Interactively control and drive your application− Use the visual representation to understand the phenomena as
soon as possible
• “The purpose of computing is insight not numbers”(Hamming 1962)
![Page 32: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/32.jpg)
What is Visualization?
• What?
• Why?
• Who?
• How?
![Page 33: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/33.jpg)
Information Explosion
![Page 34: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/34.jpg)
Instrument Data Explosion
Sloan Digital Sky Survey ATLUM / Connectome Project
Maximilien Brice, © CERN
![Page 35: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/35.jpg)
“The Industrial Revolution of Data”
Joe Hellerstein, UC Berkeley
![Page 36: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/36.jpg)
Limits of Cognition
Daniel J. Simons and Daniel T. Levin, Failure to detect changes to people during a real world interaction, 1998
![Page 37: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/37.jpg)
The History of Visual Communication
“It is things that make us smart.”
Donald Norman
![Page 38: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/38.jpg)
“It is things that make us smart.”
Donald Norman
The History of Visual Communication
![Page 39: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/39.jpg)
Idea Maps, by Jamie NastVisual Thinking Collection, Dave Grey
“It is things that make us smart.”
Donald Norman
![Page 40: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/40.jpg)
Mental Queries
Males Females
Income Group Under 65 65 or Over Under 65 65 or Over
0-$24,999 250 200 375 550
$25,000+ 430 300 700 500
Which gender or income level group shows different effects of age on triglyceride levels?
Slide after Stephen Kosslyn, Clear and to the Point
![Page 41: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/41.jpg)
Visual Queries
0
175
350
525
700
875
Under 65 65 or Over
0-$24,999 $25,000+ 0-$24,999 $25,000+Males Females
Slide after Stephen Kosslyn, Clear and to the Point
![Page 42: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/42.jpg)
Visualization
• Helps us think
• Reduces load on working memory
• Offloads cognition
• Uses the power of human perception
![Page 43: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/43.jpg)
What is Visualization?
• What?
• Why?
• Who?
• How?
![Page 44: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/44.jpg)
About You
![Page 45: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/45.jpg)
What is Visualization?
• What?
• Why?
• Who?
• How?
![Page 46: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/46.jpg)
Goals of this course
• Learn basic design and perceptual principles
• Explore different visualization methods
• Implement an interactive visualization
![Page 47: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/47.jpg)
Educational Goals
• Visualization specialist ... practitioner ... novice++• Theory
− Classification− Algorithms− Visual design
• Application− Methods− Visualization packages
• Experience− How to visualize something in the best way
![Page 48: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/48.jpg)
Outline
• Fundamentalso What is vis?o Design principleso The visualization processo Data abstractions + Task abstractionso Design studies
• Visual Encodings + Algorithmso Basic visual encoding principleso Tables (Dimension reduction)o Spatial data (Interpolation)o Networks / trees (Embedding)o Time-varying datao 3D scalar fields (isosurfaces + volume rendering)
• Perception + Cognitiono Coloro Aggregation: Items + Attributeso Space / Order; Multiple viewso Depth / Occlusion; Focus + Context
• Special topicso Machine learning models
o Big Data
• Applicationso Science (Climate data)
o Medical Imaging
o Business
![Page 49: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/49.jpg)
Syllabus
https://stevenbergner.github.io/Teaching/cmpt767/
![Page 50: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/50.jpg)
VisTool
Analysis
Sta
tistic
s
“Visual Analytics”
“Scientific Visualization”
“InformationVisualization”
Related Fields
![Page 51: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/51.jpg)
Visualization Flavors
• Spatial Data Vis (aka: Scientific visualization)− User Interfaces− Data representation/processing− Algorithms− Visual representations− Mainly: Continuous models + Mathematical approach
• Non-Spatial Data Vis (aka: Information visualization)− Abstract data− WWW documents− File structures− Arbitrary relationships− …− Mainly: Discrete models + Human-Centered Design
![Page 52: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/52.jpg)
Textbook
• Tamara Munzner, Visualization Analysis & Design: Abstractions, Principles, and Methods, CRC Press, 2014
![Page 53: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/53.jpg)
(Spatial) Visualization Tools• Great / free:
− VTK (The Visualization Toolkit) http://www.vtk.org
− ParaView
• Commercial tools:− Amira http://www.amiravis.com
− AVS/Express http://www.avs.com
− IDL http://www.exelisvis.com/IntelliEarthSolutions/GeospatialProducts/IDL.aspx
− IRIS Explorer http://www.nag.co.uk/Welcome_IEC.asp
− OpenDX (now open software): http://www.opendx.org
![Page 54: Visualization - GitHub Pages•Tamara Munzner, 2012: Computer-based visualization systems provide visual representations of datasets intended to help people carry out some task more](https://reader030.fdocuments.net/reader030/viewer/2022040215/5ed36efaa092667639268c68/html5/thumbnails/54.jpg)
(Non-Spatial) Vis. Tools
• Tamara’s resources page!http://www.cs.ubc.ca/~tmm/courses/533-11/resources.html
• Free:− Processing http://www.processing.org/
− Prefuse (java) http://prefuse.sourceforge.net/
− D3 http://alignedleft.com/work/d3-book
− Xgobi http://www.research.att.com/areas/stat/xgobi/
• Commercial tools:− Tableau http://www.tableausoftware.com/