{"id":666,"date":"2021-03-30T18:40:36","date_gmt":"2021-03-30T18:40:36","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/?post_type=chapter&#038;p=666"},"modified":"2022-07-25T19:31:43","modified_gmt":"2022-07-25T19:31:43","slug":"outlining-the-presentation","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/chapter\/outlining-the-presentation\/","title":{"raw":"Infographics","rendered":"Infographics"},"content":{"raw":"<div class=\"textbox learning-objectives\">\r\n<h3>Learning Objectives<\/h3>\r\nIdentify elements of an effective infographic\r\n\r\n<\/div>\r\nAn infographic is a visual display that combines data with descriptive text. Infographics can be static or interactive.\u00a0Merriam Webster\u00a0specifies that infographics should contain \u201cgraphic elements\u201d that are \u201cvisually striking.\u201d\r\n<h2>Overview of Tools<\/h2>\r\nCustom infographics can be created with a variety of data visualization tools. Even novice users can quickly design and distribute infographics with a growing number of design-specific web applications. Some of the most commonly used programs are described below.\r\n<ul>\r\n \t<li><i>Infographic-specific tools<\/i>. Dozens of these tools exist. Some are specifically geared to infographic creation while others support a wider range of visualizations. A free option with limited access is generally available, with a wider range of templates and functions accessible for a monthly fee. For infographics,\u00a0<a href=\"https:\/\/piktochart.com\/\">Piktochart<\/a>,\u00a0<a href=\"https:\/\/www.visme.co\/\">Visme<\/a>, <a href=\"https:\/\/app.genial.ly\/templates\/infographics\" target=\"_blank\" rel=\"noopener\">Genial.ly<\/a>, and\u00a0<a href=\"https:\/\/www.easel.ly\/\">Easel.ly<\/a>\u00a0offer the broadest selection of images and templates, although users may want to browse the images available in a wide number of tools before selecting an option that suits their requirements.<\/li>\r\n \t<li><i>Static illustration tools<\/i>. Microsoft PowerPoint has the graphic design functionality to support infographic creation from scratch, or users can take advantage of a\u00a0<a href=\"https:\/\/techcommunity.microsoft.com\/t5\/Driving-Adoption\/New-infographic-templates-for-Word-Outlook-and-PowerPoint\/td-p\/122884\">series of infographic templates<\/a>\u00a0designed for PowerPoint by both Microsoft and external vendors. More customized image processing requires a\u00a0vector graphics\u00a0editor such as\u00a0Adobe Illustrator. Part of Adobe\u2019s Creative Cloud application, Illustrator is the industry standard and my program of choice for creating static infographics.<\/li>\r\n \t<li><i>Interactive visualization tools<\/i>.\u00a0<a href=\"https:\/\/www.tableau.com\/\">Tableau<\/a>\u00a0allows users to create dynamic and interactive visualizations without users needing to learn a programming language.\u00a0<a href=\"https:\/\/onlinehelp.tableau.com\/current\/pro\/desktop\/en-gb\/stories.htm\">Tableau story points<\/a>, in particular, are designed to present information in sequential order, like many infographics.<\/li>\r\n<\/ul>\r\n<h2>Best Practices and Pitfalls<\/h2>\r\nA strong infographic should have four elements:\r\n<ul>\r\n \t<li>the right data,<\/li>\r\n \t<li>a compelling narrative,<\/li>\r\n \t<li>visuals that enhance without being distracting, and<\/li>\r\n \t<li>an accessible and shareable format.<\/li>\r\n<\/ul>\r\nThese best practices are simple to articulate, but can be very difficult to achieve in practice. We have all seen our share of terrible infographics. Daniel Zeevi of Dashburst does a nice job of visualizing what can go wrong with infographics.\r\n<div class=\"visually_embed\">\r\n\r\n<iframe style=\"width: 1px !important; height: 1px !important; position: absolute; left: -100px !important;\" src=\"https:\/\/visual.ly\/track.php?q=https:\/\/visual.ly\/community\/Infographics\/how\/what-makes-good-infographic&amp;slug=communityInfographicshowwhat-makes-good-infographic\" width=\"1\" height=\"1\"><\/iframe><a href=\"https:\/\/visual.ly\/community\/Infographics\/how\/what-makes-good-infographic\/?utm_source=visually_embed\"><img class=\"visually_embed_infographic\" src=\"https:\/\/visual.ly\/node\/image\/62546?_w=540\" alt=\"What Makes a Good Infographic?\" \/><\/a>\r\n<div class=\"visually_embed_cycle\">by <a href=\"https:\/\/dashburst.com?utm_source=visually_embed\" target=\"_blank\" rel=\"noopener\">DashBurst<\/a>.<\/div>\r\nFrom <a href=\"https:\/\/visual.ly?utm_source=content-embed&amp;utm_medium=embed\">Visually<\/a>.\r\n\r\n<\/div>\r\nMost experts agree that solid data is by far the most important of the four elements. Even though the circles above are the same size, Zeevi\u2019s graphic illustrates this too. Note that the most unpleasant outcomes occur when an infographic does not contain the right data.\r\n\r\nNathan Yao emphasizes the importance of good data for effective design in a 2012 critique of some newly minted infographics tools:\r\n<blockquote>\r\n<p style=\"padding-left: 30px;\">Maybe I\u2019m just stuck in my ways, but I\u2019m having trouble getting on board with these tools\u2026you start with a complete visual and then work your way backwards to the data...It\u2019s rare that good graphics are produced when you go this direction. Instead, start with the data (or information) first and then build around that \u2014 don\u2019t try to fit the data (or information) into a space it wasn\u2019t meant for.<\/p>\r\n<\/blockquote>\r\nWhile not all data can be visualized to tell a story, the data that can tell a story take many forms. Infographic data can be numeric, categorical, geographic, text, or simply a collection of facts. In their final, visualized form, these data can be used to compare and contrast, show networks, plot timelines, create flowcharts, map geographic relationships, or relate anecdotes (Penn Libraries n.d.).\r\n<div class=\"textbox tryit\">\r\n<h3>Try It<\/h3>\r\nhttps:\/\/assess.lumenlearning.com\/practice\/ffe1b31e-add6-4196-a63c-d6e1c684526d\r\n\r\n<\/div>\r\n&nbsp;\r\n<p class=\"hanging-indent\">[reveal-answer q=\"106936\"]Works Cited[\/reveal-answer]<\/p>\r\n<p class=\"hanging-indent\">[hidden-answer a=\"106936\"]<\/p>\r\n<p class=\"hanging-indent\">Friendly, M. 2008. A Brief History of Data Visualization. In: Chen C, H\u00e4rdle W, Unwin A, editors. Handbook of Data Visualization. Berlin: Springer-Verlag. p. 15-56.<\/p>\r\n<p class=\"hanging-indent\">Google Trends. 2019. Search term: infographic. [Internet] [cited 2019 September 25]. Available from: https:\/\/trends.google.com\/trends\/explore?date=all&amp;geo=US&amp;q=infographic.<\/p>\r\n<p class=\"hanging-indent\">Penn Libraries Weigle Information Commons. n.d. Research Guides: Infographics. [Internet] [cited 2019 September 25]. Available from: https:\/\/guides.library.upenn.edu\/infographics\/overview.<\/p>\r\n<p class=\"hanging-indent\">Yao, Nathan. May 13, 2012. Automated Infographics With Easel.ly. FlowingData [Internet] [cited 2019 September 25]. Available from: https:\/\/flowingdata.com\/2012\/05\/13\/automated-infographics-with-easel-ly\/.<\/p>\r\n<p class=\"hanging-indent\">Zeevi, Daniel. February 5, 2013. What Makes a Good Infographic? visual.ly [Internet] [cited 2019 September 25]. Available from: https:\/\/visual.ly\/community\/infographic\/how\/what-makes-good-infographic.<\/p>\r\n<p class=\"hanging-indent\">[\/hidden-answer]<\/p>","rendered":"<div class=\"textbox learning-objectives\">\n<h3>Learning Objectives<\/h3>\n<p>Identify elements of an effective infographic<\/p>\n<\/div>\n<p>An infographic is a visual display that combines data with descriptive text. Infographics can be static or interactive.\u00a0Merriam Webster\u00a0specifies that infographics should contain \u201cgraphic elements\u201d that are \u201cvisually striking.\u201d<\/p>\n<h2>Overview of Tools<\/h2>\n<p>Custom infographics can be created with a variety of data visualization tools. Even novice users can quickly design and distribute infographics with a growing number of design-specific web applications. Some of the most commonly used programs are described below.<\/p>\n<ul>\n<li><i>Infographic-specific tools<\/i>. Dozens of these tools exist. Some are specifically geared to infographic creation while others support a wider range of visualizations. A free option with limited access is generally available, with a wider range of templates and functions accessible for a monthly fee. For infographics,\u00a0<a href=\"https:\/\/piktochart.com\/\">Piktochart<\/a>,\u00a0<a href=\"https:\/\/www.visme.co\/\">Visme<\/a>, <a href=\"https:\/\/app.genial.ly\/templates\/infographics\" target=\"_blank\" rel=\"noopener\">Genial.ly<\/a>, and\u00a0<a href=\"https:\/\/www.easel.ly\/\">Easel.ly<\/a>\u00a0offer the broadest selection of images and templates, although users may want to browse the images available in a wide number of tools before selecting an option that suits their requirements.<\/li>\n<li><i>Static illustration tools<\/i>. Microsoft PowerPoint has the graphic design functionality to support infographic creation from scratch, or users can take advantage of a\u00a0<a href=\"https:\/\/techcommunity.microsoft.com\/t5\/Driving-Adoption\/New-infographic-templates-for-Word-Outlook-and-PowerPoint\/td-p\/122884\">series of infographic templates<\/a>\u00a0designed for PowerPoint by both Microsoft and external vendors. More customized image processing requires a\u00a0vector graphics\u00a0editor such as\u00a0Adobe Illustrator. Part of Adobe\u2019s Creative Cloud application, Illustrator is the industry standard and my program of choice for creating static infographics.<\/li>\n<li><i>Interactive visualization tools<\/i>.\u00a0<a href=\"https:\/\/www.tableau.com\/\">Tableau<\/a>\u00a0allows users to create dynamic and interactive visualizations without users needing to learn a programming language.\u00a0<a href=\"https:\/\/onlinehelp.tableau.com\/current\/pro\/desktop\/en-gb\/stories.htm\">Tableau story points<\/a>, in particular, are designed to present information in sequential order, like many infographics.<\/li>\n<\/ul>\n<h2>Best Practices and Pitfalls<\/h2>\n<p>A strong infographic should have four elements:<\/p>\n<ul>\n<li>the right data,<\/li>\n<li>a compelling narrative,<\/li>\n<li>visuals that enhance without being distracting, and<\/li>\n<li>an accessible and shareable format.<\/li>\n<\/ul>\n<p>These best practices are simple to articulate, but can be very difficult to achieve in practice. We have all seen our share of terrible infographics. Daniel Zeevi of Dashburst does a nice job of visualizing what can go wrong with infographics.<\/p>\n<div class=\"visually_embed\">\n<p><iframe loading=\"lazy\" style=\"width: 1px !important; height: 1px !important; position: absolute; left: -100px !important;\" src=\"https:\/\/visual.ly\/track.php?q=https:\/\/visual.ly\/community\/Infographics\/how\/what-makes-good-infographic&amp;slug=communityInfographicshowwhat-makes-good-infographic\" width=\"1\" height=\"1\"><\/iframe><a href=\"https:\/\/visual.ly\/community\/Infographics\/how\/what-makes-good-infographic\/?utm_source=visually_embed\"><img decoding=\"async\" class=\"visually_embed_infographic\" src=\"https:\/\/visual.ly\/node\/image\/62546?_w=540\" alt=\"What Makes a Good Infographic?\" \/><\/a><\/p>\n<div class=\"visually_embed_cycle\">by <a href=\"https:\/\/dashburst.com?utm_source=visually_embed\" target=\"_blank\" rel=\"noopener\">DashBurst<\/a>.<\/div>\n<p>From <a href=\"https:\/\/visual.ly?utm_source=content-embed&amp;utm_medium=embed\">Visually<\/a>.<\/p>\n<\/div>\n<p>Most experts agree that solid data is by far the most important of the four elements. Even though the circles above are the same size, Zeevi\u2019s graphic illustrates this too. Note that the most unpleasant outcomes occur when an infographic does not contain the right data.<\/p>\n<p>Nathan Yao emphasizes the importance of good data for effective design in a 2012 critique of some newly minted infographics tools:<\/p>\n<blockquote>\n<p style=\"padding-left: 30px;\">Maybe I\u2019m just stuck in my ways, but I\u2019m having trouble getting on board with these tools\u2026you start with a complete visual and then work your way backwards to the data&#8230;It\u2019s rare that good graphics are produced when you go this direction. Instead, start with the data (or information) first and then build around that \u2014 don\u2019t try to fit the data (or information) into a space it wasn\u2019t meant for.<\/p>\n<\/blockquote>\n<p>While not all data can be visualized to tell a story, the data that can tell a story take many forms. Infographic data can be numeric, categorical, geographic, text, or simply a collection of facts. In their final, visualized form, these data can be used to compare and contrast, show networks, plot timelines, create flowcharts, map geographic relationships, or relate anecdotes (Penn Libraries n.d.).<\/p>\n<div class=\"textbox tryit\">\n<h3>Try It<\/h3>\n<p>\t<iframe id=\"assessment_practice_ffe1b31e-add6-4196-a63c-d6e1c684526d\" class=\"resizable\" src=\"https:\/\/assess.lumenlearning.com\/practice\/ffe1b31e-add6-4196-a63c-d6e1c684526d?iframe_resize_id=assessment_practice_id_ffe1b31e-add6-4196-a63c-d6e1c684526d\" frameborder=\"0\" style=\"border:none;width:100%;height:100%;min-height:300px;\"><br \/>\n\t<\/iframe><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p class=\"hanging-indent\">\n<div class=\"qa-wrapper\" style=\"display: block\"><span class=\"show-answer collapsed\" style=\"cursor: pointer\" data-target=\"q106936\">Works Cited<\/span><\/p>\n<p class=\"hanging-indent\">\n<div id=\"q106936\" class=\"hidden-answer\" style=\"display: none\">\n<p class=\"hanging-indent\">Friendly, M. 2008. A Brief History of Data Visualization. In: Chen C, H\u00e4rdle W, Unwin A, editors. Handbook of Data Visualization. Berlin: Springer-Verlag. p. 15-56.<\/p>\n<p class=\"hanging-indent\">Google Trends. 2019. Search term: infographic. [Internet] [cited 2019 September 25]. Available from: https:\/\/trends.google.com\/trends\/explore?date=all&amp;geo=US&amp;q=infographic.<\/p>\n<p class=\"hanging-indent\">Penn Libraries Weigle Information Commons. n.d. Research Guides: Infographics. [Internet] [cited 2019 September 25]. Available from: https:\/\/guides.library.upenn.edu\/infographics\/overview.<\/p>\n<p class=\"hanging-indent\">Yao, Nathan. May 13, 2012. Automated Infographics With Easel.ly. FlowingData [Internet] [cited 2019 September 25]. Available from: https:\/\/flowingdata.com\/2012\/05\/13\/automated-infographics-with-easel-ly\/.<\/p>\n<p class=\"hanging-indent\">Zeevi, Daniel. February 5, 2013. What Makes a Good Infographic? visual.ly [Internet] [cited 2019 September 25]. Available from: https:\/\/visual.ly\/community\/infographic\/how\/what-makes-good-infographic.<\/p>\n<p class=\"hanging-indent\"><\/div>\n<\/div>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-666\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Demystifying Infographics. <strong>Authored by<\/strong>: Amy Trost. <strong>Provided by<\/strong>: Universities at Shady Grove\/University of Maryland Libraries Rockville, MD. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/journals.library.ualberta.ca\/istl\/index.php\/istl\/article\/download\/47\/72?inline=1\">https:\/\/journals.library.ualberta.ca\/istl\/index.php\/istl\/article\/download\/47\/72?inline=1<\/a>. <strong>Project<\/strong>: Issues in Science and Technology Librarianship . <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":161083,"menu_order":7,"template":"","meta":{"_candela_citation":"[{\"type\":\"cc\",\"description\":\"Demystifying Infographics\",\"author\":\"Amy Trost\",\"organization\":\"Universities at Shady Grove\/University of Maryland Libraries Rockville, MD\",\"url\":\"https:\/\/journals.library.ualberta.ca\/istl\/index.php\/istl\/article\/download\/47\/72?inline=1\",\"project\":\"Issues in Science and Technology Librarianship \",\"license\":\"cc-by\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"61059e8e-dd77-4e7d-b9f3-624e3cf2b24a, 8c164f1d-b48f-4d7f-b86e-c79fb947a68c","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-666","chapter","type-chapter","status-publish","hentry"],"part":89,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapters\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/wp\/v2\/users\/161083"}],"version-history":[{"count":20,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapters\/666\/revisions"}],"predecessor-version":[{"id":4225,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapters\/666\/revisions\/4225"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/parts\/89"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapters\/666\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/wp\/v2\/media?parent=666"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/pressbooks\/v2\/chapter-type?post=666"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/wp\/v2\/contributor?post=666"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/wm-englishcomp2\/wp-json\/wp\/v2\/license?post=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}