{"id":3197,"date":"2022-11-14T01:46:09","date_gmt":"2022-11-14T09:46:09","guid":{"rendered":"https:\/\/murrowcourses.com\/graphics\/?p=3197"},"modified":"2022-11-13T14:07:36","modified_gmt":"2022-11-13T22:07:36","slug":"lesson-storytelling-with-data-dimensions","status":"publish","type":"post","link":"https:\/\/murrowcourses.com\/graphics\/lesson-storytelling-with-data-dimensions\/","title":{"rendered":"Lesson: Storytelling with Data Dimensions"},"content":{"rendered":"<p><span class=\"subhead\">Reviewing Data Dimensions<\/span><\/p>\n<p>As we talk about interactivity, it&#8217;s a good time to review the concept of <strong>visual encoding<\/strong>, which is about how visual symbols are used to represent data. Early on, we looked at four basic types: shape, line, point\/position and color. We&#8217;ve seen many ways these can be combined and used to represent data. A related concept is <strong>data dimensions<\/strong>, which has also come up in several examples and talks. A practical way to think of data dimensions is with the columns in a spreadsheet \u2014 can you represent multiple columns with a single chart? That means it has multiple data dimensions.<\/p>\n<p>For instance, scatterplots are known for being multidimensional. Take this <a href=\"http:\/\/archive.nytimes.com\/www.nytimes.com\/interactive\/2011\/09\/30\/us\/politics\/keys-to-victory.html?pagewanted=all\" target=\"_blank\" rel=\"noopener noreferrer\">New York Times scatterplot<\/a> from the reading about geographic data without maps.<\/p>\n<a href=\"http:\/\/archive.nytimes.com\/www.nytimes.com\/interactive\/2011\/09\/30\/us\/politics\/keys-to-victory.html\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"524\" class=\"aligncenter size-full wp-image-2240\" src=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/nyt-election-scatter.png\" alt=\"\" srcset=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/nyt-election-scatter.png 800w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/nyt-election-scatter-300x197.png 300w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/nyt-election-scatter-768x503.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n<p>This is point data, with a point for each state. But there are multiple dimensions:<\/p>\n<ol>\n<li>Y-axis shows how a state voted in the 2008 election<\/li>\n<li>X-axis shows how educated the residents are<\/li>\n<li>Color represents three categories for Electoral College thresholds<\/li>\n<li>Size of each bubble represents number of electoral votes<\/li>\n<\/ol>\n<p>So how does this all relate to interactive graphics? Interactivity makes it possible to have additional data dimensions, and <strong>motion<\/strong> is an especially valuable tool. We&#8217;ll see that in the following videos.<\/p>\n<p><span class=\"subhead\">Presentation: Global Health Storytelling<\/span><\/p>\n<p>Start by watching this video of Hans Rosling, which is part of a BBC program called &#8220;The Joy of Stats.&#8221;<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/jbkSRLYSojo\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Rosling was a Swedish statistician and public health advocate; his death in 2017 was a big loss for the data vis community. This video is kind of a classic for showing how data visualization can tell a story in a way that differs from other times you&#8217;ve learned about world history. Rosling is not especially concerned about questions of style and design. His interest in data visualization is that it&#8217;s an effective way to communicate with people, especially about ways that the world is changing.<\/p>\n<p>Next, here is his longer TED Talk (watch until at least 15:00): <a href=\"https:\/\/www.ted.com\/talks\/hans_rosling_shows_the_best_stats_you_ve_ever_seen\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>The Best Stats You&#8217;ve Never Seen<\/strong><\/a><\/p>\n<a href=\"https:\/\/www.ted.com\/talks\/hans_rosling_shows_the_best_stats_you_ve_ever_seen\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"500\" class=\"aligncenter size-full wp-image-2242\" src=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/hans-rosling-ted.jpg\" alt=\"\" srcset=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/hans-rosling-ted.jpg 1000w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/hans-rosling-ted-300x150.jpg 300w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/06\/hans-rosling-ted-768x384.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a>\n<p><span class=\"subhead\">Readings<\/span><br \/>\n\u2022 <a href=\"https:\/\/source.opennews.org\/articles\/visually-speaking-patterns-humane-data-visualizati\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterns for Humane Data Visualization<\/a> (Source)<br \/>\n&bull; <a href=\"https:\/\/builtin.com\/data-science\/anthropographics-visualization-empathy\" rel=\"noopener\" target=\"_blank\">Human-Looking Data Visualizations Don\u2019t Boost Empathy \u2014 Yet<\/a><\/p>\n<p>One criticism of data is that it can seem impersonal or doesn&#8217;t evoke emotion that way other forms of storytelling can. These readings present two different perspectives on the topic of humanizing data visualization and whether it can be done effectively.<\/p>\n<p><span class=\"subhead\">Discussion<\/span><\/p>\n<p>This question is related to the topic from the two readings described above. <\/p>\n<p><strong>Humanizing Data:<\/strong> Data about people can seem impersonal or unemotional. Some practitioners say using human shapes, interactivity, annotation or other methods can help, though some research indicates common tactics may be limited.<\/p>\n<ul>\n<li>What do you personally think is effective for making data visualization about people feel compassionate and emotionally compelling?<\/li>\n<li>What is one example of a visualization you&#8217;ve seen in this course or your own experience that evoked emotion when you first saw it, and how did it do that? (It doesn&#8217;t necessarily need to be a big emotion, just some type of emotional reaction.)<\/li>\n<\/ul>\n<p><span class=\"subhead\">Assignment<\/span><\/p>\n<p>There is only one assignment this week.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we talk about interactivity, it&#8217;s a good time to review the concept of visual encoding and look at a few classic examples of motion and interactivity in data storytelling.<\/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-3197","post","type-post","status-publish","format-standard","hentry","category-lessons"],"_links":{"self":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3197","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=3197"}],"version-history":[{"count":2,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3197\/revisions"}],"predecessor-version":[{"id":3199,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/3197\/revisions\/3199"}],"wp:attachment":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/media?parent=3197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/categories?post=3197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/tags?post=3197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}