{"id":1574,"date":"2017-04-15T02:34:43","date_gmt":"2017-04-15T02:34:43","guid":{"rendered":"https:\/\/blogs.scu.edu\/dataviz\/?p=1574"},"modified":"2017-04-15T02:34:43","modified_gmt":"2017-04-15T02:34:43","slug":"are-you-interested-in-infographics-or-artifacts","status":"publish","type":"post","link":"https:\/\/blogs.scu.edu\/dataviz\/2017\/04\/15\/are-you-interested-in-infographics-or-artifacts\/","title":{"rendered":"Are you interested in Infographics or Artifacts?"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Nowadays many visualization enthusiasts are coming up very innovative graph and charts to depict data to their targeted audience with the right information at right time. But a question that arises is, are these viz enthusiast trying to compress lots of information into a single viz that looks like an artifact rather than an infographic.<\/span><\/p>\n<p>To better understand this, let me introduce you to a viz which looks super sexy and appealing to the human eye.<\/p>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/static.guim.co.uk\/sys-images\/Guardian\/Pix\/pictures\/2013\/7\/31\/1375299821023\/Phones.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/static.guim.co.uk\/sys-images\/Guardian\/Pix\/pictures\/2013\/7\/31\/1375299821023\/Phones.png\" alt=\"\" width=\"750\" height=\"442\" \/><\/a><figcaption class=\"wp-caption-text\">Image 1.0 &#8211; Android phone Release and Sales<\/figcaption><\/figure>\n<p>What&#8217;s the first impression one get&#8217;s by looking at this chart? Wow! that really looks cool. A famous idiom\u00a0&#8220;<b>A picture is worth a thousand words<\/b>&#8220;, which tells complex ideas can be depicted using a single image. Any clue what does image 1.0 depicts?<\/p>\n<p>The viz is a snapshot of Android phone release and their\u00a0sales. The treemap depicts multiple things, by going from right bottom to left top of image 1.0 the size of each rectangle indicates the market share of an Andriod phone model, that signifies the dominance of a specific model and company which has several phones in the market.<\/p>\n<p>Background on Treemap, this is a type of information visualization which is used to display hierarchical data using nested rectangles.<\/p>\n<p>The best part of this viz is that a layman can a understand that Galaxy s3 was having lead in the market but there were many android based phones which cover at least\u00a0half of the market. If we try to show the same information in a pixel perfect report it would have occupied at least ten pages.<\/p>\n<p>To be very honest, without any description or brief about the viz it would be quite difficult to digest as it has lot&#8217;s of information compressed. To better understand or viz this data I would first try to understand who are the audience? How\u00a0much data do they want to see? What is the\u00a0granularity at which they want to\u00a0analyze? Once we have all this question answered, we can decide what is a suitable chart or graph to represent data. For an instance, let&#8217;s say a sales guy from Andriod\u00a0team wants to use this data. Now, we can start thinking what would be the best way to show data.<\/p>\n<p>For an instance, let&#8217;s say a sales guy from Andriod\u00a0team wants to consume this data. Now, we can start thinking what would be the best way to show data. I would create three buckets of all the Andriod\u00a0phones and classify them as small, medium and large segments and assign a market share of &lt;10%,&gt;15%,&gt;30%. By using this technique a user can better analyze the data which is present in the right half of image 1.0.<\/p>\n<p>Now we can viz these buckets\u00a0in many ways, First way: Use word cloud for all the three buckets and portray in a single frame. In this viz all the major companies each segment can be evidently showcased.<\/p>\n<figure style=\"width: 416px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.jqueryscript.net\/images\/Lighweight-jQuery-Tag-Cloud-Plugin-Hotag.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.jqueryscript.net\/images\/Lighweight-jQuery-Tag-Cloud-Plugin-Hotag.jpg\" alt=\"\" width=\"416\" height=\"310\" \/><\/a><figcaption class=\"wp-caption-text\">Image 1.1 &#8211; Sample word cloud with three segments<\/figcaption><\/figure>\n<p>Second way: Using bar charts and the same concept to split data into three segments. These<\/p>\n<figure style=\"width: 1477px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.theinformationlab.ie\/wp-content\/uploads\/2014\/12\/Bar-chart-many-dim-members.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium\" src=\"http:\/\/www.theinformationlab.ie\/wp-content\/uploads\/2014\/12\/Bar-chart-many-dim-members.png\" width=\"1477\" height=\"798\" \/><\/a><figcaption class=\"wp-caption-text\">Image 1.2 &#8211; Sample bar chart by splitting data into multiple segments<\/figcaption><\/figure>\n<p>As we discussed\u00a0before, more information in a single viz which cannot be digested easily doesn&#8217;t solve our purpose. So, it&#8217;s better to enable drill downs to navigate to more detailed information from a main viz.<\/p>\n<p>To conclude reports or charts like image 1.0 are visually attractive but they don&#8217;t fulfill\u00a0business needs and decision making information.<\/p>\n<p>So, Now you can comment whether you&#8217;re interested in Infographics or Artifacts?<\/p>\n<p>Reference Article for Treemap (Image 1.0) &#8211;\u00a0<a href=\"https:\/\/www.theguardian.com\/news\/datablog\/gallery\/2013\/aug\/01\/16-useless-infographics#img-6\">https:\/\/www.theguardian.com\/news\/datablog\/gallery\/2013\/aug\/01\/16-useless-infographics#img-6<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nowadays many visualization enthusiasts are coming up very innovative graph and charts to depict data to their targeted audience with the right information at right time. But a question that arises is, are these viz enthusiast trying to compress lots of information into a single viz that looks like an artifact rather than an infographic. &hellip; <a href=\"https:\/\/blogs.scu.edu\/dataviz\/2017\/04\/15\/are-you-interested-in-infographics-or-artifacts\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Are you interested in Infographics or Artifacts?<\/span><\/a><\/p>\n","protected":false},"author":1952,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1574","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"gutentor_comment":0,"qubely_featured_image_url":null,"qubely_author":{"display_name":"nsanka","author_link":"https:\/\/blogs.scu.edu\/dataviz\/author\/nsanka\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/blogs.scu.edu\/dataviz\/category\/uncategorized\/\" rel=\"category tag\">Uncategorized<\/a>","qubely_excerpt":"Nowadays many visualization enthusiasts are coming up very innovative graph and charts to depict data to their targeted audience with the right information at right time. But a question that arises is, are these viz enthusiast trying to compress lots of information into a single viz that looks like an artifact rather than an infographic.&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/users\/1952"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":20,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1574\/revisions"}],"predecessor-version":[{"id":1723,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/1574\/revisions\/1723"}],"wp:attachment":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/media?parent=1574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/categories?post=1574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/tags?post=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}