{"id":2991,"date":"2022-09-05T01:10:17","date_gmt":"2022-09-05T08:10:17","guid":{"rendered":"https:\/\/murrowcourses.com\/graphics\/?p=2991"},"modified":"2022-09-04T21:26:03","modified_gmt":"2022-09-05T04:26:03","slug":"lesson-principles-for-visual-impact","status":"publish","type":"post","link":"https:\/\/murrowcourses.com\/graphics\/lesson-principles-for-visual-impact\/","title":{"rendered":"Lesson: Principles for Visual Impact"},"content":{"rendered":"<p>Now that we&#8217;ve had some experience working with data, visual encoding and basic chart types, this week is all about best practices. What actually makes something a <em>good<\/em> chart? Opinions differ, so we&#8217;ll discuss several common approaches and what we know from data visualization research. <\/p>\n<p><span class=\"subhead\">Lecture: Toward Information Graphics Principles<\/span><\/p>\n<p>Today we&#8217;re starting with the perspective of Edward Tufte, whose ideas dramatically influenced the visual style of modern news graphics.<\/p>\n<p>Follow along with the slides here: <a href=\"https:\/\/docs.google.com\/presentation\/d\/1pnOAkWEhew_iaUqlJQEoB2O0nIPdbDnoktY-1zTO6nA\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Edward Tufte and Best Practices<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"Toward Information Graphics Principles\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/sFeXEX7mbuM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><em>Video not showing up? <a href=\"https:\/\/youtu.be\/sFeXEX7mbuM\" target=\"_blank\" rel=\"noopener noreferrer\">Watch on YouTube here<\/a>.<\/em><\/p>\n<p>Here is a nice 1-minute video showing the ideas of <strong>data density<\/strong> and <strong>data ink ratio<\/strong> in practice:<\/p>\n<p><iframe loading=\"lazy\" title=\"Show the Data - Maximize the Data Ink Ratio\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/pCp0a5_YIWE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><em>Video not showing up? <a href=\"https:\/\/youtu.be\/pCp0a5_YIWE\" target=\"_blank\" rel=\"noopener noreferrer\">Watch on YouTube here<\/a>.<\/em><\/p>\n<p><strong>Readings:<\/strong><br \/>\n\u2022 <em>Data + Design<\/em> <a href=\"https:\/\/trinachi.github.io\/data-design-builds\/ch14.html\" target=\"_blank\" rel=\"noopener noreferrer\">Chapter 14<\/a> and <a href=\"https:\/\/trinachi.github.io\/data-design-builds\/ch15.html\" target=\"_blank\" rel=\"noopener noreferrer\">Chapter 15<\/a><\/p>\n<p><span class=\"subhead\">Discussion<\/span><\/p>\n<p>According to NASA data, all recent years have been among Earth&#8217;s hottest years on record. The year <a href=\"https:\/\/www.scientificamerican.com\/article\/2016-was-the-hottest-year-on-record\/\" target=\"_blank\" rel=\"noopener noreferrer\">2016 was Earth&#8217;s hottest year on record<\/a> \u2014 which was true in 2014 and 2015 as well, so it&#8217;s been in the news repeatedly in recent years. This is a somewhat complicated dataset because different agencies measure in slightly different ways, but the trends and conclusions are consistent.<\/p>\n<p><!--\n\n<div>\nExplore these four different ways of visualizing this data:\n\n\n<ul>\n\n\n<li><a href=\"https:\/\/www.nytimes.com\/interactive\/2017\/01\/18\/science\/earth\/2016-hottest-year-on-record.html\" target=\"_blank\" rel=\"noopener noreferrer\">How 2016 Became Earth\u2019s\nHottest Year on Record<\/a> (NYT, 2017)<\/li>\n\n\n\n\n<li><a href=\"https:\/\/www.nytimes.com\/interactive\/2021\/01\/14\/climate\/hottest-year-2020-global-map.html\" target=\"_blank\" rel=\"noopener noreferrer\">Where 2020's Record Heat Was Felt the Most<\/a> (NYT, 2021) - try <a class=\"inline_disabled\" href=\"https:\/\/www.nytimes.com\/interactive\/2021\/01\/14\/climate\/hottest-year-2020-global-map.html?unlocked_article_code=AAAAAAAAAAAAAAAACEIPuonUyYiZ_tU1Gw5CRWySB4B991re3L-WnPs3gn77JTSYDjZF0_gYGJTF6krEf-85P4FrmjufQ9VINPoqTeQ0zvNaOwYlbTiUlaa-ucZPJTQp-8X0X2Uq0ojEVqw57zKtMWfpcLknzeb6tknebX3tCPfdzXxyJl569pFudg2o3CMLxPrOAfc1joclpYopApp8TDsFbCmY7bK_W1glZoLwPlyL4RI2WupaRTjYgdeZjrkAew1QAlrGJ2httSd-sJgPfYNKY9usakIoa8H8gr0OC2x3L4_PBJY5R4Hcl74CoqckbJA1MICmRouwnxHYog03&amp;smid=url-share\" target=\"_blank\" rel=\"noopener\">this link<\/a> if you reach a paywall, and here is also a previous year<\/li>\n\n\n \t\n\n<li><a href=\"https:\/\/www.bloomberg.com\/graphics\/climate-change-data-green\/temperature.html\" target=\"_blank\" rel=\"noopener noreferrer\">Global Temperature Change<\/a> (Bloomberg)<\/li>\n\n\n \t\n\n<li><a href=\"https:\/\/xkcd.com\/1732\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Timeline of Earth's Average Temperature<\/a> (xkcd)<\/li>\n\n\n<\/ul>\n\n\n<\/div>\n\n--><\/p>\n<p>Explore these four different ways of visualizing this data:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.nytimes.com\/interactive\/2021\/01\/14\/climate\/hottest-year-2020-global-map.html\" target=\"_blank\" rel=\"noopener noreferrer\">Where 2020&#8217;s Record Heat Was Felt the Most<\/a> (NYT, 2021) &#8211; try <a class=\"inline_disabled\" href=\"https:\/\/www.nytimes.com\/interactive\/2021\/01\/14\/climate\/hottest-year-2020-global-map.html?unlocked_article_code=LqI90eZPNL3D8IW-zRa_odFcgETPc7rHORbI5Ewe7130bPIq2V2cRNM_ecFLM2SW-jlcjNwkXQuXw8MOHQVpZGFGg2GWOdVq09lPWWQugQI0b1o6CelcXh49AJEyvbrV7HwbRKM5ClZgMSGRul4nI8x3XW2UoXuzQWcNISOQAnN0MVPtE8vNiXP-apEcpt7pSxdzh9zSS3LsjEIP7pf4wTAZR6KNuQJ25hWzPK2F6nT-FtuNx_uv44-CePLKsMNHgWv5jGl1QC23G03zY9BhHpdtqd0w3-NUpg2AYzCtSRvwwHqNfmC98WtvP4415AC7ZRUF0il6-AOiaODO49WduCxMywWK-j0TdB3Bf41bkuIOraGajFA&#038;smid=share-url\" target=\"_blank\" rel=\"noopener\">this link<\/a> if you reach a paywall, and here is a <a href=\"https:\/\/www.nytimes.com\/interactive\/2017\/01\/18\/science\/earth\/2016-hottest-year-on-record.html\" target=\"_blank\" rel=\"noopener noreferrer\">previous version<\/a> for context<\/li>\n<li><a href=\"https:\/\/www.bloomberg.com\/graphics\/climate-change-data-green\/temperature.html\" target=\"_blank\" rel=\"noopener noreferrer\">Global Temperature Change<\/a> (Bloomberg)<\/li>\n<li><a href=\"https:\/\/showyourstripes.info\/s\/globe\" rel=\"noopener\" target=\"_blank\">Warming Stripes (read the FAQ portion)<\/a><\/li>\n<li><a href=\"https:\/\/xkcd.com\/1732\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Timeline of Earth&#8217;s Average Temperature<\/a> (xkcd)<\/li>\n<\/ul>\n<p><strong>Earth Temperature:<\/strong> Which of the four visual explanations about Earth&#8217;s record temperature do you consider most effective, and why? Which one do you think Edward Tufte would like best, based on his design principles?<\/p>\n<p><span class=\"subhead\">Assignment 5: Answering Questions with Pivot Tables<\/span><\/p>\n<p>In this assignment, you&#8217;ll be combining skills from previous assignments to answer questions using pivot tables and creating charts to show those answers. (Like usual, access assignment instructions from the <a href=\"https:\/\/murrowcourses.com\/graphics\/\">main schedule page<\/a> or the &#8220;Assignments&#8221; menu link.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What actually makes something a good chart? Opinions differ, so we&#8217;ll discuss several common approaches and what we know from data visualization research.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2991","post","type-post","status-publish","format-standard","hentry","category-lessons"],"_links":{"self":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/comments?post=2991"}],"version-history":[{"count":5,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2991\/revisions"}],"predecessor-version":[{"id":3279,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2991\/revisions\/3279"}],"wp:attachment":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/media?parent=2991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/categories?post=2991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/tags?post=2991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}