{"id":686,"date":"2024-01-15T09:41:48","date_gmt":"2024-01-15T09:41:48","guid":{"rendered":"https:\/\/mitcommlab.mit.edu\/cee\/?p=686"},"modified":"2025-01-28T19:45:51","modified_gmt":"2025-01-28T19:45:51","slug":"redesigning-existing-figures-for-slides","status":"publish","type":"post","link":"https:\/\/mitcommlab.mit.edu\/cee\/2024\/01\/15\/redesigning-existing-figures-for-slides\/","title":{"rendered":"From Paper to Presentation: Redesigning Existing Figures for Slides"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Scientific figures do not equally suit all contexts. A figure designed for a paper will often be information-dense; multiple panels illustrate multiple ideas, multiple axes and color bars show the impact of numerous variables, annotations highlight specific caveats, and an extensive caption explains the whole thing. This can work well where a figure demonstrates the conclusions of a full page of tightly edited text, and where a reader has plenty of time to read through the caption and think things through.<\/span><\/p>\n<p><span style=\"font-weight: 400\">However, figures like this rarely work well for presentations. When you show an audience a highly detailed figure, they immediately jump to trying to understand it, and due to that change in focus, there\u2019s a good chance they just stopped listening to you talk. Instead of copying a figure straight from a paper into my presentation, I try to rethink how I can show the data to most effectively tell an engaging story.<\/span><\/p>\n<p><span style=\"font-weight: 400\">This post features several examples of ways you can make figures that are better suited to use in a presentation. This includes redesigning your own figures and modifying figures made by others. All figures taken from the literature are reproduced under Fair Use.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Example 1: Redesigning your own paper figures<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Pictured here is a figure I made for a recent publication (<\/span><a href=\"https:\/\/pubs.acs.org\/doi\/abs\/10.1021\/acs.est.3c05680\"><span style=\"font-weight: 400\">Barber et al., <\/span><i><span style=\"font-weight: 400\">ES&amp;T<\/span><\/i><span style=\"font-weight: 400\">, 2023<\/span><\/a><span style=\"font-weight: 400\">). This shows the modeled indoor air quality parameters under fifty-six different modeled scenarios. While this figure is quite information-dense, this format allows a reader to identify expected indoor concentrations for a specific ventilation rate and UV fluence rate that might be relevant to their own indoor space. It is, however, way too much to try to show on one slide during a presentation.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-687 size-large\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A-700x681.png\" alt=\"\" width=\"700\" height=\"681\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A-700x681.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A-250x243.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A-768x747.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A-120x117.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-A.png 864w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400\">A useful way to restructure this is to decide exactly which information from the figure is important to your presentation\u2019s story\u2026 and throw the rest away. Any excess information which you don\u2019t talk about will only serve to distract your audience. <\/span><span style=\"font-weight: 400\">In this example, the exact values of the numbers labeling each grid box are pretty irrelevant to the presentation audience. I also only want to talk about the ozone panel, and don\u2019t feel that such a wide range of ventilation rates is necessary to show. <\/span><span style=\"font-weight: 400\">Here, I\u2019ve taken the same data and replotted it as a series of four lines.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-688\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B-250x195.png\" alt=\"\" width=\"370\" height=\"288\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B-250x195.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B-700x545.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B-768x598.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B-120x94.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-B.png 960w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/p>\n<p><span style=\"font-weight: 400\">This shifts information that was previously conveyed using text to a graphical format while eliminating a lot of extraneous data. The fonts are also larger to make sure they can be read at the back of the room. By focusing on only one plot and rethinking how to format the key data, it\u2019s a lot easier to explain the results to the audience.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Example 2: Modifying someone else\u2019s figure<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Figures from the literature can provide useful context in the introduction of a presentation or when comparing your own results to previous work. However, these figures may not always be up to snuff. <\/span><span style=\"font-weight: 400\">Consider this figure from <\/span><a href=\"https:\/\/www.sciencedirect.com\/science\/article\/pii\/S0029549317301073\"><span style=\"font-weight: 400\">Krivanek and Fiedler, <\/span><i><span style=\"font-weight: 400\">Nucl. Eng. Des.<\/span><\/i><span style=\"font-weight: 400\">, 2017<\/span><\/a><span style=\"font-weight: 400\">. It\u2019s a bit blurry and the font is very small and hard to read.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-694 size-large\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1-700x450.png\" alt=\"\" width=\"700\" height=\"450\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1-700x450.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1-250x161.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1-768x494.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1-120x77.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-C-1.png 1312w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400\">By covering parts of the figure with text boxes to rewrite the axes, this becomes more legible for those in the back of the room. I\u2019ve also added an arrow to visually demonstrate that nearly half of the reactors are more than 30 years old, something that was previously only noted in the caption. Just make sure to cite the new figure appropriately (e.g. \u201cmodified from Krivanek and Fiedler, 2017\u201d), so your audience knows that you adapted or modified an existing figure.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-690 size-large\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D-700x421.png\" alt=\"\" width=\"700\" height=\"421\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D-700x421.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D-250x150.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D-768x462.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D-120x72.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-D.png 1000w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400\">You can even take this to the next level by scraping figure data to reproduce the figure as you wish. By using a free software such as Ankit Rohatgi\u2019s <\/span><a href=\"https:\/\/automeris.io\/WebPlotDigitizer\/\"><span style=\"font-weight: 400\">webplotdigitizer<\/span><\/a><span style=\"font-weight: 400\">, it\u2019s easy to extract data so that you can replot it as you wish. Here, I\u2019ve remade the figure, grouping the data by decade to make it a little simpler, and recoloring it to fit my presentation\u2019s color scheme.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-691\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E-250x225.png\" alt=\"\" width=\"360\" height=\"324\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E-250x225.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E-700x630.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E-768x691.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E-120x108.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-E.png 900w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Just make sure to adjust your citation appropriately (e.g. \u201cdata from Krivanek &amp; Fiedler, 2017, figure 1\u201d) and consider <\/span><a href=\"https:\/\/automeris.io\/WebPlotDigitizer\/citation.html\"><span style=\"font-weight: 400\">citing the software tool<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Example 3: Selecting only the relevant part of a literature figure<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Finally, let\u2019s consider this figure from <\/span><a href=\"https:\/\/www.pnas.org\/doi\/10.1073\/pnas.1919344117\"><span style=\"font-weight: 400\">Veres et al., <\/span><i><span style=\"font-weight: 400\">PNAS<\/span><\/i><span style=\"font-weight: 400\">, 2020<\/span><\/a><span style=\"font-weight: 400\">. It contains a ton of information about hydroperoxymethyl thioformate (HPMTF) concentrations measured above the oceans. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1178\" height=\"682\" class=\"aligncenter size-full wp-image-692\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F.png\" alt=\"\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F.png 1178w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F-250x145.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F-700x405.png 700w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F-768x445.png 768w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-F-120x69.png 120w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" \/><\/p>\n<p><span style=\"font-weight: 400\">But perhaps I just want to use this figure in my hypothetical presentation to show that HPMTF and dimethyl sulfide (DMS) concentrations are highest near the surface. There\u2019s a lot of information here that I don\u2019t need. <\/span><span style=\"font-weight: 400\">Luckily, panel E contains everything I want to talk about! <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-693 size-medium\" src=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-G-250x361.png\" alt=\"\" width=\"208\" height=\"300\" srcset=\"https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-G-250x361.png 250w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-G-120x173.png 120w, https:\/\/mitcommlab.mit.edu\/cee\/wp-content\/uploads\/sites\/9\/2024\/01\/image-G.png 496w\" sizes=\"(max-width: 208px) 100vw, 208px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Here, I\u2019ve simply cropped the original figure in powerpoint, lined up cropped axes labels, and covered up the panel label and the unused SO<\/span><span style=\"font-weight: 400\">2<\/span><span style=\"font-weight: 400\"> legend entry with white rectangles. With only a couple minutes of work, I\u2019ve created a much simpler figure that will be far more legible to a presentation audience. As always, make sure to cite the figure appropriately (e.g. \u201cmodified from Veres et al., 2020\u201d).<\/span><\/p>\n<p><span style=\"font-weight: 400\">Hopefully these examples demonstrate ways in which you can improve your presentation figures to highlight your specific message without distracting the audience with overwhelming details. Redesigning figures may take a bit of extra work, and it can be challenging to take a step back and reevaluate your own prior figure designs, but I hope you\u2019ll agree that the results are worth it. <\/span><\/p>\n<p><span style=\"font-weight: 400\">If you want some hands-on help with redesigning figures for presentations and you\u2019re a member of the MIT community, you can always make a <\/span><a href=\"https:\/\/mitcommlab.mit.edu\/cee\/make-an-appointment\/\"><span style=\"font-weight: 400\">Comm Lab appointment<\/span><\/a><span style=\"font-weight: 400\">, and we can go through it together!<\/span><\/p>\n<h2>Additional resources<\/h2>\n<p>Check out the full collection of free <a href=\"https:\/\/mitcommlab.mit.edu\/cee\/commkit-resources\/\">CommKit Resources<\/a> created by the MIT CEE Comm Lab team.<\/p>\n","protected":false},"excerpt":{"rendered":"Scientific figures do not equally suit all contexts. A figure designed for a paper will often be information-dense; multiple panels illustrate multiple ideas, multiple axes and color bars show the impact of numerous variables, annotations highlight specific caveats, and an extensive caption explains the whole thing. This can work well where a figure demonstrates the&#8230; <a class=\"view-article\" href=\"https:\/\/mitcommlab.mit.edu\/cee\/2024\/01\/15\/redesigning-existing-figures-for-slides\/\">View Article<\/a>","protected":false},"author":30,"featured_media":687,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[10,11,12,13,14,15],"class_list":["post-686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-visuals","tag-figures","tag-presentations","tag-slides","tag-papers","tag-articles"],"acf":[],"_links":{"self":[{"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/posts\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":0,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitcommlab.mit.edu\/cee\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}