Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles...
Transcript of Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles...
![Page 2: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/2.jpg)
Basic Graphical Principles● Graphics should
● Be substantive● Avoid distorting data● Present complex data more simply
● Which graph to use when?● Univariate: histogram or pie chart● Multivariate: bar charts, line graphs, scatter plots
● Be aware of “data-ink” ratio
![Page 3: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/3.jpg)
![Page 4: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/4.jpg)
Electoral Map (2008)
![Page 5: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/5.jpg)
![Page 6: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/6.jpg)
![Page 7: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/7.jpg)
![Page 8: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/8.jpg)
![Page 9: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/9.jpg)
Keep it Simple● Avoid unnecessary lines● Report only necessary numbers● Avoid unnecessary ‘3D’ effects● Avoid other fancy effects that distort data
![Page 10: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/10.jpg)
Messy starting point
![Page 11: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/11.jpg)
Minus unnecessary lines
![Page 12: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/12.jpg)
With only necessary #s
![Page 13: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/13.jpg)
Don’t: 3D
![Page 14: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/14.jpg)
Clearer Without
![Page 15: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/15.jpg)
Making a terrible graphic not so terrible
![Page 16: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/16.jpg)
![Page 17: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/17.jpg)
![Page 18: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/18.jpg)
![Page 19: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/19.jpg)
![Page 20: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/20.jpg)
Data from the Detailed Tables for the National Vital Statistics Report (NVSR) “Deaths: Final Data for 2013.” Retrieved from
http://www.cdc.gov/nchs/data/nvsr/nvsr64/nvsr64_02.pdf
![Page 21: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/21.jpg)
Selecting Quotations
• Length: ideally one line - a third of a page long.
• Choose quotations that are typical of the points that you are making.
• Ideal quotations are well expressed and striking – they provide the feeling of listening to participants
![Page 22: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/22.jpg)
Presenting Quotes
• For short quotes/visual displays: place line breaks at naturally occurring points
• Condensed font so the text is less spread out
• Add color on selected key words in the quote
• Photo of person being quoted or representative image
![Page 23: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/23.jpg)
Visualizing Textual Themes
• Word clouds present words in a set (a document, corpus, a single interview, etc) scaled by their frequency of use
• Useful in giving the gist of a text and drawing out key commonalities
• Can quickly get confusing or muddle the point. Use strategically
![Page 24: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/24.jpg)
More art than effective
![Page 25: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/25.jpg)
But shape can add meaning
![Page 26: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/26.jpg)
ColorBrewer2.org
![Page 27: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/27.jpg)
Chart Selection
Questions to ask about your data:- What research question am I trying to visualize?- What story am I trying to tell?- How, and to whom, am I presenting my data?- How many variables do I need to display?- Is my data best conveyed as a visual?
![Page 28: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/28.jpg)
Common Chart Types
Distribution: histogram, box, scatter, kernel density, Q-QRelationship: scatter, heatmap, radar, column/barTemporal: line, column/bar, radarHierarchical: ring, treeNetwork: node-link, alluvialSpatial: choropleth, dot density
![Page 29: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/29.jpg)
Chart Selection
![Page 30: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/30.jpg)
Visualizing Qualitative Data
Source: Verdinelli and Scagnoli, 2013
![Page 31: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/31.jpg)
The Data-Ink Ratio
Chart Junk: “any element… that does not contribute to clarifying the intended message”
Ink used to represent the dataInk used to print the graphic
Tufte, E.R. (2001). The visual display of quantitative information. 2nd edition. Cheshire, CT: Graphics Press; Kosara, R. (2013). A better definition of chart junk. EagerEyes. Retrieved from https://eagereyes.org/blog/2013/definition-chart-junk
![Page 32: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/32.jpg)
What Not To Do
Chan, C. (2014). Gun deaths in Florida [graph]. Retrieved from http://www.businessinsider.com/gun-deaths-in-florida-increased-with-stand-your-ground-2014-2; Fedewa, P.A. (2014). Gun deaths in Florida [graph]. Retrieved from http://www.businessinsider.com/gun-deaths-in-florida-increased-with-stand-your-ground-2014-2
![Page 33: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/33.jpg)
Goldenberg, D. (2014). Statshot: CitiBike, baby weight, NBA playoffs. The Wall Street Journal. Retrieved from http://blogs.wsj.com/numbers/statshot-citibike-baby-weight-nba-playoffs-1335/
![Page 34: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/34.jpg)
Data from Sridhar, S.B., Darbinian, J., Ehrlich, S.F., Markman, M.A., Gunderson, E.P., Ferrara, A., & Hedderson, M.M. (2014). Maternal gestational weight gain and offspring risk for childhood overweight or obesity. American Journal of Obstetrics and Gynecology, 211(3):259.e1-259.e8. doi:10.1016/j.ajog.2014.02.030.
![Page 35: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/35.jpg)
Vizualization Tool Recommendations
Ggplot GUI (Online)site.shinyserver.dck.gmw.rug.nl/ggplotgui
Tableau (free for students for 1 year, or public is always free)
tableau.com/academic/studentsWordle Word Clouds
wordle.net
![Page 36: Principles Data Visualization - Resilient Communities Project · Basic Graphical Principles Graphics should Be substantive Avoid distorting data Present complex data more simply Which](https://reader034.fdocuments.us/reader034/viewer/2022042306/5ed20a659eb0885e0304952e/html5/thumbnails/36.jpg)
Resources
Websites:- matplotlib examples: http://matplotlib.org/examples/index.html- ggplot2 docs: http://docs.ggplot2.org/current/- https://www.tapclicks.com/the-ultimate-guide-to-data-visualization/
Books:- Mcgreggor, Duncan M. Mastering matplotlib. Packt, 2015.- Wickham, Hadley. ggplot2: Elegant Graphics for Data Analysis, Springer, 2016.- Tufte, Edward. The Visual Display of Quantitative Information, 2nd ed. Graphics Press, 2001.
Video: - Olson, Randy. Data Visualization Basics with Python. O'Reilly, 2016.
On Campus:- LATIS: latisresearch.umn.edu - Libraries: https://www.lib.umn.edu/datamanagement