1. DATA SCIENCE MIS0855 | Spring 2016 Storytelling with Infographics SungYong Um sungyong.um@temple.edu

2. Today’ Goal 1. How are infographics (information + graphics) different from data visualizations? 2. Tips for infographics

3. Infographics versus Data Visualizations (Krum, 2014) Data visualization – a visual representation of data Infographics –data visualizations, text, images to tell a complete story Occurrences of the word “vampire” in TV Show Dialog (1970-2014) from movies.benschmidt.org http://infographics.idlelist.com/how-vampires-are-sucking-the-life-out-of-social-media/

4. The value of infographics How do infographics help us deal with big data? Information overload? Pattern recognition text Picture superiority effect http://www.bbc.com/news/science-environment-29050114 http://dailyinfographic.com/preparing-your-home-for-a-natural- disaster-infographic

5. Storytelling through infographics Not different from the storytelling tips from before, but from a slightly different angle… Introduction/Foundation From: Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization (Figure 1-21). Ah-Ha! The Main Event Conclusion/Call-to-action

6. Design Tips for Infographics: Be Accurate (These are all good for data visualizations too!) http://flowingdata.com/2009/11/26/fox-news-makes-the-best-pie-chart-ever/ vs. Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization.

7. 70% + 63% + 60% = ?

8. Can you guess the source of this? http://mediamatters.org/blog/2014/03/31/dishonest-fox-charts-obamacare-enrollment-editi/198679

9. Design Tips for Infographics: Axes should include 0 http://mediamatters.org/blog/2014/03/31/dishonest-fox-charts-obamacare-enrollment- editi/198679 vs.

10. Which is the largest U.S. state by land area? http://www.mapsofworld.com/usa/usa-state-and-capital-map.html

11. http://www.worldatlas.com/aatlas/infopage/usabysiz.htm

12. http://www.yachtalaska.com/pages/sealaska/maps.html Don’t mess with Alaska!

13. Tim Cook is Cooking His Graph! http://qz.com/122921/the-chart-tim-cook-doesnt-want-you-to-see/

14. This looks less cool, but less misleading. http://qz.com/122921/the-chart-tim-cook-doesnt-want-you-to-see/

15. https://www.youtube.com/watch?v=ETbc8GIhfHo

16. 2 x 2 = 4, not 2! WIDTH of A is twice width of B, but AREA of A is 4x area of B! Overstates relative value by factor of two! Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization. A $500 B $250 WIDTH of A is 1.4x width of B, so area of A is now 2x area of B! A $500 B $250

17. https://infoactive.co/data-design/ch18.html Which company is the market leader?

18. https://infoactive.co/data-design/ch18.html

19. Other Design Tips for Infographics from Krum 5-second rule Tell one story really well Minimize text – visualize when possible Eliminate legends when possible Be data transparent (cite your sources) Adapted from Krum, R. (2014). Cool infographics: Effective Communication with Data Visualization. http://en.ilovecoffee.jp/posts/view/79