information visualization part 2 - bryn mawr · • nathan yau, visualize this: the flowing data...
TRANSCRIPT
![Page 1: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/1.jpg)
Information Visualization Part 2
Dianna XuDeepak Kumar
![Page 2: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/2.jpg)
The Visualization Process
ACQUIREPARSE
FILTERMINE
REPRESENTREFINE
INTERACT
11/28/2012 2
![Page 3: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/3.jpg)
1. Time Series
11/28/2012 3
![Page 4: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/4.jpg)
2. Stacked Graph
11/28/2012 4
![Page 5: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/5.jpg)
3. Heat Map
11/28/2012 5
![Page 6: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/6.jpg)
4. Proportional Symbols
11/28/2012 6
![Page 7: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/7.jpg)
5. World Clouds
11/28/2012 7
![Page 8: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/8.jpg)
6. Map‐based
11/28/2012 8
![Page 9: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/9.jpg)
7. Choropleth Maps
11/28/2012 9
![Page 10: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/10.jpg)
8. Parallel Coordinates
• High dimensional numerical data• PNC Christmas Price Index
11/28/2012 10
![Page 11: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/11.jpg)
PNC Bank Price Index (2012)
11/28/2012 11
![Page 12: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/12.jpg)
8a. Parallel Coordinates
11/28/2012 12
![Page 13: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/13.jpg)
Brushing
11/28/2012 13
![Page 14: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/14.jpg)
8b. Citeology
11/28/2012 14
![Page 15: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/15.jpg)
8c. Parallel Sets
11/28/2012 15
![Page 16: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/16.jpg)
9. Tree Map
11/28/2012 16
![Page 17: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/17.jpg)
10. Radial
11/28/2012 17
![Page 18: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/18.jpg)
11a. Tree
11/28/2012 18
![Page 19: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/19.jpg)
11b. Radial Tree
11/28/2012 19
![Page 20: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/20.jpg)
11c. Hyperbolic Tree
11/28/2012 20
![Page 21: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/21.jpg)
Focus+Context
11/28/2012 21
![Page 22: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/22.jpg)
12. Network/Graph‐based
11/28/2012 22
![Page 23: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/23.jpg)
13. Chord Diagrams
11/28/2012 23
![Page 24: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/24.jpg)
Circular Layouts
• Enjoying great popularity lately• We are drawn to circles
– symmetry– aesthetics– perceived novelty
• Not always justified by increased readability• Human visual perception supports only rough comparison of areas and angles
11/28/2012 24
![Page 25: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/25.jpg)
Naming Names
11/28/2012 25
![Page 26: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/26.jpg)
Eurozone Debt Web
11/28/2012 26
![Page 27: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/27.jpg)
Data Analysis
• Unstructured data• A lot of it• Dimension reduction• Cluster analysis• Statistical methods• Network models and optimization• Graph theory
11/28/2012 27
![Page 28: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/28.jpg)
References• Thorp, Jer: Your Random Numbers – Getting Started with Processing and Data Visualization• By Jer | April 11, 2010. http://blog.blprnt.com/blog/blprnt/your‐random‐numbers‐getting‐started‐with‐processing‐and‐data‐
visualization• The Data Deluge, The Economist, Feb 25th 2010.• Edward Tufte, Presenting Data and Information: A One‐Day Course. www.edwardtufte.com• Ira Greenberg, Dianna Xu, Deepak Kumar, Processing: Creative Coding and Generative Art, FriendsOfEd, 2012, forthcoming.• Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011.• Christian Langreiter, Tweet (@chl) at 6:10 AM on September 28, 2011.• Hal Varian, On How the Web Challenges Managers, The McKinsey Quarterly, January 2009.• National Science Foundation, Core Techniques and Technologies for Advancing Big Data Science & Engineering (BIGDATA),
Solicitation 12‐499, 2012. • MIT News, MIT, Intel unveil new initiatives addressing ‘big data’, May 31, 2012.• Wikipedia, Data Science. http://en.wikipedia.org/wiki/Data_science• Ben Fry, Computational Information Design (PhD Thesis), Massachusetts Institute of Technology, April 2004.• David Smith, Revolutions Blog (http://blog.revolutionanalytics.com/2011/09/data‐science‐a‐literature‐review.html),
September 2011.• Tweet from CS News Update at 9:54PM on May 21, 2012.• Matt Stiles, How Common Is Your Birthday? Parts 1 & 2. The Daily Viv Blog, May 12 & 18, 2012. Available at:
http://thedailyviz.com/2012/05/12/how‐common‐is‐your‐birthday/• Deepak Kumar. Data Science Overtakes Computer Science. ACM Inroads Magazine. Volume 3 Issue 3, September 2012. ACM
New York.• Illuminated Map Displays UK Traffic Casualties Posted by Eugene on December 7, 2011 at 1:00pm
(http://www.mymodernmet.com/profiles/blogs/illuminated‐map‐displays‐uk‐traffic‐casualties)
11/28/2012 28
![Page 29: Information Visualization Part 2 - Bryn Mawr · • Nathan Yau, Visualize This: The Flowing Data Guide to Design, Visualization, and Statistics, Wiley, 2011. • Christian Langreiter,](https://reader031.vdocument.in/reader031/viewer/2022022011/5b0cfbe27f8b9a2c3b8c768b/html5/thumbnails/29.jpg)
References
• Justin Matejka, Tovi Grossman, George Fitzmaurice: Citeology: Visualizing Paper Geneology. Alt.CHI May 2012. Available at: http://www.autodeskresearch.com/projects/citeology
• Robert Kosara. A Spike of Interest in Parallel Sets. Available at: http://eagereyes.org/blog/2009/a‐spike‐of‐interest‐in‐parallel‐sets
• Robert Kosara, Fabian Bendix, Helwig Hauser,Parallel Sets: Interactive Exploration and Visual Analysis of Categorical Data,Transactions on Visualization and Computer Graphics (TVCG), vol. 12, no. 4, pp. 558–568, 2006.
• Eurozone Debt: http://www.thevisualeverything.com/tag/euro‐debt/
11/28/2012 29