{"id":29731,"date":"2022-02-03T18:29:46","date_gmt":"2022-02-03T23:29:46","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/infovis\/?p=29731"},"modified":"2022-03-03T17:53:29","modified_gmt":"2022-03-03T22:53:29","slug":"personalized-infographics-how-infographics-have-changed-in-the-past-10-years","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/personalized-infographics-how-infographics-have-changed-in-the-past-10-years\/","title":{"rendered":"Personalized Infographics: How Infographics Have Changed in the Past 10 Years"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"560\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-1024x683.jpg?resize=840%2C560&#038;ssl=1\" alt=\"\" class=\"wp-image-29867\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=1536%2C1024&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=2048%2C1365&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=800%2C533&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?resize=270%2C180&amp;ssl=1 270w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/luke-chesser-rCOWMC8qf8A-unsplash-scaled.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/@lukechesser?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Luke Chesser<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/phone-health?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"introduction\">Introduction<\/h2>\n\n\n\n<p>Life is fast for Gen Z. Constantly surrounded with text messages, tweets, snaps, dm\u2019s and other digital clutter, people of this generation face an endless game of tug of war for their attention. Information must attract and maintain one\u2019s attention or it\u2019ll be lost with all the other data floating around the internet. This is entirely where the tool of information visualization shines. Infographics are nothing new in the year 2022. In fact, humans have been visually representing data for centuries. However, today\u2019s infographics and visualizations are unique due to current technology. With advancements such as the cell phone, the internet, etc., data is readily available for most computer software to use and generate some form of infographic. Additionally as devices become even more sophisticated it seems that the infographics become more personalized for each individual. Whether it be the number of flights a person climbed for the past month or one\u2019s listening habits for the last year, infographics are inundated with personal habits for each individual. This report will share common infographics that are generated using data from one\u2019s habits in the form of a timeline. Which you can find below.<\/p>\n\n\n\n<div class=\"wp-block-buttons alignwide is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-black-color has-text-color\">MY Timeline<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"materials\">Materials<\/h2>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"427\" data-id=\"29855\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM-1024x520.png?resize=840%2C427&#038;ssl=1\" alt=\"\" class=\"wp-image-29855\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=1024%2C520&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=300%2C152&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=768%2C390&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=1536%2C780&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=2048%2C1040&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=800%2C406&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?resize=355%2C180&amp;ssl=1 355w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-03-at-6.19.19-PM.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption\">The Google Sheet Used to Make My Timeline<\/figcaption><\/figure>\n\n\n\n<p>This timeline was made by using Timeline.js, a website and software that was created by the Knight Lab at Northwestern University. Timeline.js utilizes Google Sheets in order to populate the data points in the timeline. The URL is then copied over from Google Sheets and pasted into Timeline.js where the URL specific to the live timeline is finally produced. I found most of my sources through searching Google. I knew which main infographics I wanted to feature due to prior experience with them. I mostly needed sources to figure out the dates at which the described products were made or introduced to the public. I tried to choose photos that displayed actual features and information that users would see when using the tools described in my timeline. You can find my Google Sheets data <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1Kh1YZG97k2_BN50s2gjNML4YZhFyBwE53dHxdgzFHWg\/edit#gid=0\" data-type=\"URL\" data-id=\"https:\/\/docs.google.com\/spreadsheets\/d\/1Kh1YZG97k2_BN50s2gjNML4YZhFyBwE53dHxdgzFHWg\/edit#gid=0\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"methods\">Methods<\/h2>\n\n\n\n<p>To make my timeline I followed the instructions above. Timeline.js provides a Google Sheets template that is pre-filled with some sample data to show how the tool works and display what maps to what. In terms of rationale, I thought a decent amount of my images were already pretty colorful so I thought it would be nice to have a dark background to have the images pop and provide examples of the features of each interface and product. I wanted to make sure each photo had a credit tag that links to where I found the photo, but they are listed in the references down below as well. Since the photos were also primarily product shots, I felt that they did not need captions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"results\">Results<\/h2>\n\n\n\n<a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1Kh1YZG97k2_BN50s2gjNML4YZhFyBwE53dHxdgzFHWg&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\" target=\"_blank\" rel=\"noopener\"><figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"450\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM-1024x549.png?resize=840%2C450&#038;ssl=1\" alt=\"\" class=\"wp-image-29865\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=1024%2C549&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=1536%2C823&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=2048%2C1098&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=800%2C429&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?resize=336%2C180&amp;ssl=1 336w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/Screen-Shot-2022-02-06-at-3.09.18-PM.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/a>\n\n\n\n<p>I was personally surprised to see how much happened during the last ten years. Almost all of the products I\u2019ve mentioned felt like they\u2019ve been around for even longer. One concern about the use of personal data to make infographics is privacy. All of these products require a large amount of computing data as constant monitoring of users. Privacy concerns have been becoming more and more vocal alongside the advancements made in tech, so it will definitely be worthy to monitor the development of all these technologies.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"reflection\">Reflection<\/h2>\n\n\n\n<p>In terms of what I&#8217;d do differently, I would spend more time connecting the technologies I researched. I had a hard time grouping the elements of my timeline into a title. I also feel like I could&#8217;ve gotten away with a bit more personalization despite my goal of mostly having product shots that display the infographic being discussed. It&#8217;s hard to decide what&#8217;s distracting and what&#8217;s under-stimulating or boring.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"references\">References<\/h2>\n\n\n\n<p><a href=\"https:\/\/timeline.knightlab.com\/\">https:\/\/timeline.knightlab.com\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.google.com\/sheets\/about\/\">https:\/\/www.google.com\/sheets\/about\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/appleinsider.com\/articles\/14\/06\/10\/apples-wwdc-unveiling-of-healthkit-in-ios-8-grabs-the-attention-of-doctors-\">https:\/\/appleinsider.com\/articles\/14\/06\/10\/apples-wwdc-unveiling-of-healthkit-in-ios-8-grabs-the-attention-of-doctors-<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/news.legacyfamilytree.com\/legacy_news\/2019\/04\/google-maps-timeline-privacy-concerns-or-great-history-tool.html\">https:\/\/news.legacyfamilytree.com\/legacy_news\/2019\/04\/google-maps-timeline-privacy-concerns-or-great-history-tool.html<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.notebookcheck.net\/Google-s-Digital-Wellbeing-is-now-out-of-Beta.361856.0.html\">https:\/\/www.notebookcheck.net\/Google-s-Digital-Wellbeing-is-now-out-of-Beta.361856.0.html<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/indianexpress.com\/article\/technology\/social\/apple-musics-replay-feature-is-the-answer-to-spotifys-wrapped-6121671\/\">https:\/\/indianexpress.com\/article\/technology\/social\/apple-musics-replay-feature-is-the-answer-to-spotifys-wrapped-6121671\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/\">https:\/\/en.wikipedia.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Life is fast for Gen Z. Constantly surrounded with text messages, tweets, snaps, dm\u2019s and other digital clutter, people of this generation face an endless game of tug of war for their attention. Information must attract and maintain one\u2019s attention or it\u2019ll be lost with all the other data floating around the internet. This&hellip;<\/p>\n","protected":false},"author":3951,"featured_media":29857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[339,1],"tags":[115,5,31,119,94],"coauthors":[1753],"class_list":["post-29731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-timelines","category-visualization","tag-data-visualization","tag-information-visualization","tag-maps","tag-timelinejs","tag-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2022\/02\/mael-balland-wcBFtctph_M-unsplash-scaled.jpg?fit=2560%2C1707&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-7Jx","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/29731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/3951"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=29731"}],"version-history":[{"count":15,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/29731\/revisions"}],"predecessor-version":[{"id":30440,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/29731\/revisions\/30440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/29857"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=29731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=29731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=29731"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=29731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}