{"id":3097,"date":"2021-09-25T22:24:40","date_gmt":"2021-09-25T22:24:40","guid":{"rendered":"https:\/\/itp.nyu.edu\/adjacent\/issue-8\/?p=251"},"modified":"2024-10-08T22:04:05","modified_gmt":"2024-10-08T22:04:05","slug":"one-two-many-visualizing-tragedy-at-scale","status":"publish","type":"post","link":"https:\/\/itp.nyu.edu\/adjacent\/issue-8\/one-two-many-visualizing-tragedy-at-scale\/","title":{"rendered":"One, Two, Many: Visualizing Tragedy at Scale"},"content":{"rendered":"<p><span style=\"font-weight: 400\"><em>The coronavirus struck at a moment coincident with a massive rise in computing power, the availability of expansive datasets and the proliferation of modeling software tools. In newsrooms and academic settings all over the world it is the information designers who are on the front lines of communicating the impact of the crisis, as we struggle to understand the unseeable, and grapple with the barrage of pandemic-related numbers thrust upon us.<\/em><br \/>\n<!--more--><\/span><\/p>\n<p><span style=\"font-weight: 400\">Charts, graphs, and maps are the lingua franca we have to help us grapple with the barrage of pandemic-related numbers being thrust upon us in this age of Covid-19<\/span><span style=\"font-weight: 400\">. Data visualizations have, for the most part, been effective in keeping us informed of the virus\u2019 impact and scale. <\/span><\/p>\n<p><span style=\"font-weight: 400\">And, with almost a year of practice, we have become fluent in understanding that data. But, with that familiarity and fluency, are we becoming numb to the human story behind the data? Could a downside to the ease of interpreting this data and its escalating tallies, be an increasing disconnect between the data and the tragedy the numbers represent?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Media and academic information design departments spent the first months of the pandemic undertaking the daunting task of sourcing credible data, filling huge information gaps and wrestling the numbers into consistent, usable formats. Data dashboards were designed that, for the most part, use the <\/span><a href=\"https:\/\/www.fastcompany.com\/90588298\/how-data-designers-helped-us-make-sense-of-2020s-chaos\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">known formats of charts and graphs that have served us well<\/span><\/a><span style=\"font-weight: 400\"> for over 150 years. As the pandemic continues, , these dashboards, like the one below, have evolved to serve as scoreboards for the latest news and trends. These scorecards fulfill the essential need to provide accurate tallies, but they do not offer the full story.<\/span><\/p>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-411 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM.jpg\" alt=\"Covid Dashboard from the Center for Disease Control\" width=\"2000\" height=\"901\" srcset=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM.jpg 2000w, https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM-300x135.jpg 300w, https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM-1024x461.jpg 1024w, https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM-768x346.jpg 768w, https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.46.46-AM-1536x692.jpg 1536w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/>Still image of the Covid Dashboard from the Center for Disease Control<\/h6>\n<p><span style=\"font-weight: 400\">The challenge inherent with many of the visualizations is the reduction of illness and death to a corresponding plot point on a graph or statistic in a table. However, with the momentous task of tracking down the data and designing informative visual templates, some organizations have turned their attention to <\/span><span style=\"font-weight: 400\">connecting the data to the human experience, so that new<\/span><span style=\"font-weight: 400\"> models of information design have emerged \u2013 advancing the method of data reporting from visualizing to storytelling.<\/span><\/p>\n<p><span style=\"font-weight: 400\">As of this writing, 554,000 Americans are dead and 30 million have been infected with the coronavirus. We know these are big numbers, but there exist cognitive limitations in comprehending and processing numbers this large. Once the numbers exceed a known or relateable benchmark, the data loses its meaning and many organizations have responded by making the numbers relatable by providing their context. The Washington Post <\/span><a href=\"https:\/\/www.washingtonpost.com\/nation\/interactive\/2021\/500000-covid-deaths-visualized\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">mapped<\/span><\/a><span style=\"font-weight: 400\"> the numbers to a caravan of 94.7 motor coaches nearly 100 miles long and claimed it would take an 87 foot tall Vietnam Veterans memorial to hold the nearly half million names. These comparisons are effective at making the scale of numbers relatable, but they don\u2019t humanize the numbers.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Neurological studies have proven that we activate different parts of our brains when responding to numbers than parts of the brain activated when responding to stories. That fact presents an inherent challenge to information designers. Reducing human loss and tragedy to numbers is, by scientific definition, dehumanizing. As Stalin stated: &#8220;One man&#8217;s death is a tragedy, the death of millions is a statistic.&#8221; The statistics are important, but how can designers make emotional connections between the data and the tragedy that data represents?<\/span><\/p>\n<p><span style=\"font-weight: 400\">A <\/span><a href=\"https:\/\/piaui.folha.uol.com.br\/lupa\/epicentro\/en\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">project originating out of Brazil<\/span><\/a><span style=\"font-weight: 400\"> as the result of a partnership between Ag\u00eancia Lupa, the Google News Initiative and <\/span><a href=\"https:\/\/www.washingtonpost.com\/graphics\/2020\/national\/coronavirus-deaths-neighborhood\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">adopted by the Washington Post<\/span><\/a><span style=\"font-weight: 400\">, is an effective demonstration of one attempt to make the Covid statistics relatable and more meaningful. This initiative uses geographic datasets to simultaneously provide context for the scale of the numbers and a reference to the human toll. The reader\u2019s neighborhood is used as the benchmark for displaying the death toll \u2013 relating the tally to a known reference \u2013 the number of people who live near you. The approach serves to effectively provide a frame of reference for the numeric scale, but it also serves as a powerful reminder that the virus lives among us and is likely impacting our neighbors.<\/span><\/p>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-414 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.44.21-AM.jpg\" alt=\"A Covid tracker by neighborhood from Ag\u00eancia Lupa and the Google News Initiative\" width=\"2000\" height=\"1166\" \/> Starting point for the interactive project from Ag\u00eancia Lupa and the Google News Initiative<\/h6>\n<p><span style=\"font-weight: 400\">Other approaches for humanizing data include extending the traditional toolkit of a data visualization beyond the familiar visual formats of charts and graphs. <\/span><i><span style=\"font-weight: 400\">The<\/span><\/i> <i><span style=\"font-weight: 400\">New York Times<\/span><\/i><span style=\"font-weight: 400\">\u2019 <\/span><a href=\"https:\/\/www.nytimes.com\/interactive\/2020\/05\/22\/upshot\/coronavirus-quiet-city-noise.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">audio comparison<\/span><\/a><span style=\"font-weight: 400\"> of noise on a busy street corner of Lafayette and East Fourth Streets in New York City on an April day in 2019 versus the same date in April 2020, is a good example of using audio as a data tool and its potential. The year-on-year comparison, provides evidence of the reduction of familiar city noises and the dearth of the hustle and bustle of people going about their daily lives. This simple data visualization (or is it audio-ization?) is a powerful and relatable contrast, appealing to the experiential processing center of the brain, rather than the more analytical part of the brain. Our brains are programmed to react to audio with an emotional response. We can easily relate to the sounds, accept their authenticity, and picture ourselves in the scene. The volume and quality of the noise around us has been dramatically altered during Covid, whether more noise at home or less noise in the streets, and audio is a mostly overlooked but proven\u00a0 accurate technique for expressing covid\u2019s impact in a meaningful way.\u00a0<\/span><\/p>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-415 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screenshot-2020-06-07-10.48.47.jpg\" alt=\"New York Times graph of changes in sound level since the pandemic\" width=\"2000\" height=\"1088\" \/>Graph of audio levels since the start of the pandemic, taken from The New York Times article, &#8220;The Coronavirus Quieted City Noise. Listen to What\u2019s Left&#8221;<\/h6>\n<p><span style=\"font-weight: 400\">Photography, particularly human portraits, is another technique for bringing humanity to data. The fact that images have an impact on our emotions, especially when that image represents an individual and a narrative, is <\/span><a href=\"https:\/\/petapixel.com\/2014\/10\/25\/photography-feelings-others-mirroring-emotions-theory-mind\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">well documented<\/span><\/a><span style=\"font-weight: 400\">. \u201cThink of Henri Cartier-Bresson\u2019s \u201c<\/span><a href=\"http:\/\/www.afterimagegallery.com\/bressonbehind.htm\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Behind the Gare Saint-Lazare<\/span><\/a><span style=\"font-weight: 400\">\u201d, Nick Ut\u2019s \u201cNapalm Girl\u201d or Richard Avedon\u2019s portrait of Marilyn Monroe. These iconic images capture intent, desire, suffering, pain, ambivalence, and invoke our ability to identify with those in the frame.\u201d<\/span><sup><a href=\"#footnote1\">1<\/a><\/sup><span style=\"font-weight: 400\">\u00a0<\/span><\/p>\n<p><i><span style=\"font-weight: 400\">The Washington Post<\/span><\/i><span style=\"font-weight: 400\">\u2019s <\/span><a href=\"https:\/\/www.washingtonpost.com\/politics\/2020\/12\/30\/this-is-what-more-than-330000-coronavirus-deaths-look-like\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">visual list of the deceased<\/span><\/a><span style=\"font-weight: 400\"> from Covid, is a striking example of how photography brings a sobering reality to those deaths and their staggering number. The <\/span><i><span style=\"font-weight: 400\">Post<\/span><\/i><span style=\"font-weight: 400\"> used machine learning to create photo-realistic images of the deceased, giving a reader the ability to ascertain the scale of death by <\/span><i><span style=\"font-weight: 400\">looking <\/span><\/i><span style=\"font-weight: 400\">at the human toll. Each photograph can offer a unique human connection. The image array is presented on a single page that a reader can scroll, which enables the reader to both notice and feel the scale of Covid\u2019s toll by literally engaging with it through the act of scrolling. The result is a devastating reminder that every statistic represents a human life.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Human psychology studies<\/span><sup><a href=\"#footnote2\">2<\/a><\/sup><span style=\"font-weight: 400\"> indicate that faces are the most evocative images used to represent a human life. Our attention is naturally drawn to human faces, especially those that appear to be making eye contact with us. Our brains interpret eye contact as an invitation to engage and the designer\u2019s choice to make the photos appear as though they are looking directly at the reader adds to the emotional impact of the photograph. Human beings are wired to react to people looking at us. In fact, one of the first, natural instincts of healthy babies is their ability to make eye contact.\u00a0<\/span><\/p>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-416 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/issue-8\/wp-content\/uploads\/sites\/14\/2021\/04\/washpo_faces-scaled.jpg\" alt=\"Still image from The Washington Post's interactive graphic, displaying blurred versions of machine-generated faces, representing the Americans lost to Covid-19 (based on their demographics)\" width=\"1235\" height=\"2560\" \/> Still image from The Washington Post&#8217;s interactive graphic, displaying blurred versions of machine-generated faces, representing the Americans lost to Covid-19 (based on demographics)<\/h6>\n<p><span style=\"font-weight: 400\">Animation is another useful tool to help clarify and humanize data. <\/span><i><span style=\"font-weight: 400\">The New York Times<\/span><\/i><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/www.nytimes.com\/interactive\/2020\/03\/22\/world\/coronavirus-spread.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">How the Virus Got Out<\/span><\/a><span style=\"font-weight: 400\"> essay offers an analysis of the movements of hundreds of millions of people in the early days of the pandemic. Animated dots represent individuals and their travel patterns, capturing the motion and energy associated with travel and make a convincing case for the spread of the virus through human movement. This progressive revealing of information across a series of maps allows a reader to literally see the virus spread as the dots disperse. The animation starts with small, relatable numbers \u2013 from four cases to dozens to thousands to tens of thousands \u2013 providing a benchmark of scale before overwhelming a\u00a0 reader with overwhelming numbers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-412 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.39.19-AM.jpg\" alt=\"Still image of the interactive graphic from The New York Times article, &quot;How the Virus Got Out&quot;--showing movement of people\" width=\"2000\" height=\"1245\" \/><\/p>\n<h6><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-413 size-full\" src=\"https:\/\/itp.nyu.edu\/adjacent\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-01-01-at-11.39.50-AM.jpg\" alt=\"Still image of the interactive graphic from The New York Times article, &quot;How the Virus Got Out&quot;--showing movement of people\" width=\"2000\" height=\"1151\" \/> Still images of the interactive graphic from The New York Times article, &#8220;How the Virus Got Out&#8221;<\/h6>\n<p><span style=\"font-weight: 400\">The examples above are a few of the ways information designers are innovating to make the connection between the numbers of this pandemic and the story of human tragedy behind them. Many of the capabilities applied in these examples, such as the use of multimedia and enhanced display capabilities, are only recently possible due to the advances in machine learning, enhanced processing power and improved network speeds. What other possibilities do these enhancements offer in bridging the gap between \u2018data visualization\u2019 and \u2018data storytelling\u2019? What are the implications for data in an era where we can create realistic 3-D environments and virtual worlds? What does it mean to be a data journalist in an era when network speeds offer almost limitless visualization capabilities?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Our challenge and our opportunity as designers is to use our skills and the recently possible capabilities to tell a more complete story \u2013 a story that extracts meaning from a massive information flow. Regardless of the tools, the onus remains to ask the right questions of the data sets and remind our audience that the numbers aren\u2019t the real story of the tragedy they represent. The real story is the human toll.<\/span><\/p>\n<hr \/>\n<h2>Footnotes<\/h2>\n<ol>\n<li id=\"footnote1\">Sarinana, Joshua. \u201cPhotography and the Feelings of Others: From Mirroring Emotions to the Theory of Mind.\u201d\u00a0<i>PetaPixel<\/i>, 26 Oct. 2014, petapixel.com\/2014\/10\/25\/photography-feelings-others-mirroring-emotions-theory-mind.<\/li>\n<li id=\"footnote2\">Slovic, Paul. \u201c\u2018If I Look at the Mass I Will Never Act\u2019: Psychic Numbing and Genocide.\u201d\u00a0<i>Judgment and Decision Making<\/i>, vol. 2, no. 2, 2007, pp. 79\u201395, psycnet.apa.org\/record\/2007-06350-001.<\/li>\n<\/ol>\n<hr \/>\n<p><em><span style=\"font-weight: 400\">Katherine holds a Bachelor&#8217;s in Architecture degree from Cornell University and a Master&#8217;s of Architecture degree from the Harvard University Graduate School of Design, where she was awarded the Sheldon Fellowship for post-graduate research at Cambridge University. She<\/span><span style=\"font-weight: 400\"> has been teaching at ITP since 2010 and has developed and taught : Visual Language (ITP), Design Fundamentals (IMA), UX Design (IMA), Designing Meaningful Interactions (ITP), Design for Change (ITP), and 100 Days of Making (ITP). Katherine also served on the ITP thesis faculty at ITP from 2013-2017.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><span style=\"font-weight: 400\">Her professional career is defined by a focus on visual storytelling as applied through graphic design, data visualization, information design and user experience design. Katherine has been a partner and creative lead in three successful startup businesses: UncommonGoods, an e-commerce business, Dillon | Thompson, a digital media agency, and L2 Inc., a business intelligence firm acquired by Gartner Inc. in 2017. She started her professional career at ABC Television, where she served as ABC News&#8217; Creative Director of Broadcast Graphics and as the founding General Manager of ABCNEWS.com. Dillon was awarded two Emmy awards for her creative work at ABC Television.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The coronavirus struck at a moment coincident with a massive rise in computing power, the availability of expansive datasets and the proliferation of modeling software tools. In newsrooms and academic settings all over the world it is the information designers [&hellip;]<\/p>\n","protected":false},"author":56,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-3097","post","type-post","status-publish","format-standard","hentry","category-issue-8"],"_links":{"self":[{"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/posts\/3097"}],"collection":[{"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/comments?post=3097"}],"version-history":[{"count":1,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/posts\/3097\/revisions"}],"predecessor-version":[{"id":3170,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/posts\/3097\/revisions\/3170"}],"wp:attachment":[{"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/media?parent=3097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/categories?post=3097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itp.nyu.edu\/adjacent\/wp-json\/wp\/v2\/tags?post=3097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}