{"id":811,"date":"2022-07-05T18:21:21","date_gmt":"2022-07-05T16:21:21","guid":{"rendered":"https:\/\/www.kielscn.de\/?p=811"},"modified":"2022-12-07T16:21:26","modified_gmt":"2022-12-07T15:21:26","slug":"visual-of-the-month-july","status":"publish","type":"post","link":"https:\/\/www.kielscn.de\/en\/2022\/07\/visual-of-the-month-july\/","title":{"rendered":"VoM #1 &#8211; How America Lost One Million People"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">How America Lost One Million People<\/h3>\n\n\n\n<p>The Corona pandemic touched all of our lives &#8211; a fact that the New York Times (NYT) article &#8220;How America Lost One Million People&#8221; touchingly reminds us of. We have chosen it as our first Visualization of the Month.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">How can large numbers be clearly visualized?<\/h3>\n\n\n\n<p>One million is a number that humans can barely grasp in terms of its size. This is precisely where one of the challenges for information design in connection with the COVID-19 pandemic arises: How can large numbers be visualized in a comprehensible way? Moreover, in this case, this large number of deaths additionally includes the impact that each individual case had on the lives of their loved ones.<\/p>\n\n\n\n<p>The NYT project rises to the challenge. A team of graphic editors and journalists makes this impact tangible in an impressive way by depicting each death as a small, black dot. This visual principle succeeds in enabling readers to grasp the sheer number of people involved. This is supported by the predominant black and white color scheme, which symbolizes death, loss, and finality. Thus, already at first glance, the seriousness and negativity of the topic dealt with becomes quite clear.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Active involvement of the readers<\/h3>\n\n\n\n<p>While reading and individually scrolling through the article, the number of black dots increases. Eventually, they fill almost the entire screen, which gets darker and darker with each additional dot. Through this connection between the active scrolling and the animation of the website, users can control the speed of movement. This control and direct response to their own actions further enrich the user experience of the product.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h3 class=\"wp-block-heading\">The intangible takes on meaning    <\/h3>\n\n\n\n<p>As the article continues, the dots fill in the space below the well known curve of COVID infections and mortalities. Thus, they give meaning to this otherwise abstract and disembodied graph. Then the dots spread out to draw a map of the United States and its urban centers where the cases cluster. This very powerfully makes tangible both the local and national effects of the pandemic. In particular, the transition between diagram and map creates a visual metaphor of ash and ghostly appearances that support the main theme at the animation level.<\/p>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-bottom:50px;flex-basis:50%\">\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGRpdiBjbGFzcz0icmVzcG9uc2l2ZS1jb250YWluZXIgcmVzcG9uc2l2ZS1jb250YWluZXItMTYtOSByZXNwb25zaXZlLWVtYmVkIj48YmxvY2txdW90ZSBjbGFzcz0idHdpdHRlci10d2VldCIgZGF0YS13aWR0aD0iNTAwIiBkYXRhLWRudD0idHJ1ZSI+PHAgbGFuZz0iZW4iIGRpcj0ibHRyIj5OZWFybHkgb25lIG1pbGxpb24gcGVvcGxlIGhhdmUgZGllZCBvZiBDb3ZpZCBpbiB0aGUgVS5TLiBzaW5jZSB0aGUgcGFuZGVtaWMgYmVnYW4uIFRoZSBkZWF0aHMgY2FtZSBpbiB3YXZlIGFmdGVyIHdhdmUgYW5kIGxlZnQgbm8gY29ybmVyIG9mIHRoZSBjb3VudHJ5IHVudG91Y2hlZC4gPGEgaHJlZj0iaHR0cHM6Ly90LmNvL0dFZ3NZMGRiMUsiPmh0dHBzOi8vdC5jby9HRWdzWTBkYjFLPC9hPiA8YSBocmVmPSJodHRwczovL3QuY28vR2xDZ1RLWklIMiI+cGljLnR3aXR0ZXIuY29tL0dsQ2dUS1pJSDI8L2E+PC9wPiZtZGFzaDsgVGhlIE5ldyBZb3JrIFRpbWVzIChAbnl0aW1lcykgPGEgaHJlZj0iaHR0cHM6Ly90d2l0dGVyLmNvbS9ueXRpbWVzL3N0YXR1cy8xNTI1NTAxMzgyMDg5OTAwMDM0P3JlZl9zcmM9dHdzcmMlNUV0ZnciPk1heSAxNCwgMjAyMjwvYT48L2Jsb2NrcXVvdGU+PHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGxhdGZvcm0udHdpdHRlci5jb20vd2lkZ2V0cy5qcyIgY2hhcnNldD0idXRmLTgiPjwvc2NyaXB0PjwvZGl2Pg==\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">A visualization that both informs and moves<\/h3>\n\n\n\n<p>The article is an outstanding example how powerful and well-designed visual narratives can succeed in illustrating and making tangible the staggering loss of human life. It is remarkable that after more than two years of the pandemic, a digital newspaper article is still able to move us &#8211; and it does so through excellent information visualization.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">About The New York Times<\/h3>\n\n\n\n<p>The New York Times stands for high-quality journalism, which also applies to the visuals published in both print and online. Accordingly, the publisher&#8217;s graphic design department is highly established and respected. The selected article <a href=\"https:\/\/www.nytimes.com\/interactive\/2022\/05\/13\/us\/covid-deaths-us-one-million.html\" target=\"_blank\" rel=\"noreferrer noopener\">How America Lost One Million People<\/a> by Jeremy White, Amy Harmon, Danielle Ivory, Lauren Leatherby, Albert Sun and Sarah Almukhtar was published on May 13, 2022.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">About the Visualization of the Month<\/h3>\n\n\n\n<p>In our regular series &#8220;Visualization of the Month&#8221;, we feature an outstanding visualization on the second Wednesday of each month. One of the criteria for the selection is the extent to which it is aesthetically and emotionally appealing from a design perspective. In addition, we look at the information content. This also includes how the users of the visualization are supported in better comprehending complex contexts. The selection is made within the KielSCN team and involves expertise from the fields of information design, educational science and emotion research, as well as science communication research.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Corona pandemic touched all of our lives &#8211; a fact that the New York Times (NYT) article &#8220;How America Lost One Million People&#8221; touchingly reminds us of. We have chosen it as our first Visual of the Month.<\/p>\n","protected":false},"author":3,"featured_media":999,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[22,20,21],"class_list":["post post-type-post post-view- post-scope-","status-publish","post-format-standard","has-post-thumbnail","category-news","tag-monthly-series","tag-visual","tag-visualization","clear"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/posts\/811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/comments?post=811"}],"version-history":[{"count":12,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/posts\/811\/revisions"}],"predecessor-version":[{"id":1840,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/posts\/811\/revisions\/1840"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/media\/999"}],"wp:attachment":[{"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/media?parent=811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/categories?post=811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kielscn.de\/en\/wp-json\/wp\/v2\/tags?post=811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}