{"id":732,"date":"2015-07-08T10:00:24","date_gmt":"2015-07-08T10:00:24","guid":{"rendered":"http:\/\/localhost\/?p=732"},"modified":"2018-08-11T09:31:37","modified_gmt":"2018-08-11T08:31:37","slug":"displaying-data-distribution-ranges","status":"publish","type":"post","link":"https:\/\/visualagency.com\/?p=732","title":{"rendered":"Displaying Data: Distribution &#038; Ranges"},"content":{"rendered":"<p>Everything in the Universe is distributed and scattered around: stars permeate our galaxy,\u00a0we all live in different parts of the world and furniture in your house is positioned seemingly in and organised fashion throughout your rooms. \u00a0But it&#8217;s the relationship of these distributions that can make them interesting. \u00a0How are distributions concentrated? By how much are they spread? \u00a0Why are the distributions positioned in a certain way?<\/p>\n<p>In this post on Displaying Data, I will be looking at graphical representations of ranged and distributed data.<\/p>\n<h2>Histograms<\/h2>\n<p>While the graph below may look like your ordinary Bar Graph, there&#8217;s a distinct difference: Bar Graphs visualises\u00a0and compare categorical data, while Histograms will visualise the distribution of data over a continuous interval or time period. \u00a0Each bar in a Histogram represents the tabulated frequency at each interval (1, 2, 3&#8230;).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-01.png\" alt=\"data distribution\" width=\"825\" height=\"363\" \/><\/p>\n<p>Therefore, Histograms are useful for giving an estimate of where values are concentrated in the data. \u00a0They also help show where the extremes are and whether there are any gaps or anomalies in the data.<\/p>\n<h2>Population Pyramids<\/h2>\n<p>In this type of chart, two Histograms are paired back-to-back to visualise the sex and age\u00a0distribution of a population. \u00a0One side represents male, the other female. \u00a0The x-axis is used to plot the number of people in a population, while the y-axis divides the graph into age groups.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-02.png\" alt=\"data distribution\" width=\"825\" height=\"375\" \/><\/p>\n<p>Population Pyramids are useful for detecting changes or differences in population patterns. \u00a0Multiple Population Pyramids can be used alongside each other to compare different populations.<\/p>\n<p>The shape of a Population Pyramid can say a lot about the state that particular population is in. \u00a0For example, a Population Pyramid with a wider top half and narrower base, suggests an ageing population. \u00a0You can see some recent, real-life examples of this in LSE Cities&#8217; article\u00a0<a href=\"https:\/\/lsecities.net\/media\/objects\/articles\/urban-age-cities-compared\/en-gb\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"broken_link\">Urban Age Cities Compared<\/a>.<\/p>\n<h2>Point\u00a0or Stripe\u00a0Plots<\/h2>\n<p>Here points or stripes are plotted against a single axis. \u00a0You can see from where the points (or stripes) clutter around the most to be\u00a0where most of the data is concentrated. \u00a0This type of graph is also good for simplistically showing how the data is distributed along the scale.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-04.png\" alt=\"data distribution\" width=\"825\" height=\"375\" \/><\/p>\n<h2>Span Charts<\/h2>\n<p>You might know this chart under another name: range bar\/column graph, difference graph or as a high-low graph. \u00a0But it&#8217;s function is all the same: to display dataset ranges between a minimum value and a maximum one, which is shown by the start and end of each bar.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-03.png\" alt=\"graphics-03\" \/><\/p>\n<p>This makes Span charts ideal for making comparisons between simple ranges. \u00a0However, Span charts are limited: they only focus the reader on the extreme values and give no information on the values in-between or the averages or the distribution of the data. \u00a0This is where the next chart is useful.<\/p>\n<h2>Box &amp; Whisker Plots<\/h2>\n<p>Typically used in descriptive statistics, Box &amp; Whisker Plots are a convenient way of displaying data through their quartiles. \u00a0This chart is divided into different &#8216;parts&#8217; to give a more detailed analysis of the data: the center line (median), the box (upper to lower quartiles) and the whiskers (upper to lower extreme).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-05.png\" alt=\"data distribution\" width=\"825\" height=\"375\" \/><\/p>\n<p>Although Box &amp; Whisker are hard to read without <a href=\"https:\/\/www.khanacademy.org\/math\/probability\/descriptive-statistics\/box-and-whisker-plots\/v\/reading-box-and-whisker-plots\" target=\"_blank\" rel=\"noopener\">training<\/a>, once you understand them you can see in the data the average, median and each percentile. \u00a0You will be also able to detect any outliers, if the data is symmetrical, how tightly the data is grouped and if the data is skewed in a particular direction.<\/p>\n<h2>Violin Plots<\/h2>\n<p>Similar to a Box &amp; Whisker Plot, except that they also show the probability density of the data at different values by\u00a0using a pair of\u00a0conjoined <a href=\"https:\/\/en.wikipedia.org\/wiki\/Kernel_density_estimation\" target=\"_blank\" rel=\"noopener\">kernel density plots<\/a>\u00a0over a\u00a0box plot.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-06.png\" alt=\"data distribution\" width=\"825\" height=\"339\" \/><\/p>\n<h2>Stem &amp; Leaf Plots<\/h2>\n<p>Stem &amp; Leaf Plots (or Stemplots), are a way of organising \u00a0and displaying data via their place value to show the data distribution. \u00a0While Stemplots don&#8217;t visually encode the data into a graph, they instead display the data raw\u00a0as a\u00a0useful reference tool. \u00a0A good example of this is the public transport schedule below, which has displayed the train times for both north and south bounds trains.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-07.png\" alt=\"data distribution\" width=\"825\" height=\"400\" \/><\/p>\n<p>So Stemplots help give a quick overview of the data distribution, are useful for highlighting outliers and finding the mode.<\/p>\n<p>The major downside to Stemplots are that they&#8217;re limited in the size of dataset they can handle. \u00a0If it&#8217;s too little, then the Stemplot becomes unless. \u00a0Too much and the Stemplot becomes over-cluttered.<\/p>\n<h2>Dot Distribution Maps<\/h2>\n<p>This type of map helps show how data is distributed geographically, in order to detect spacial patterns, which might relate to the location. \u00a0The clustering of points on the map displays where values are concentrated geographically.<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/visu.al\/wp-content\/uploads\/2015\/06\/graphics-08.png\" alt=\"graphics-08\" \/>&#8230;<\/p>\n<p>If you are considering visualising distributed or ranged data and are still unsure with\u00a0the best visualisation to apply, please feel to <a href=\"https:\/\/visu.al\/#contact\" target=\"_blank\" rel=\"noopener\">get in contact <\/a>with us and we&#8217;ll be happy to talk you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everything in the Universe is distributed and scattered around: stars permeate our galaxy,\u00a0we all live in different parts of the world and furniture in your house is positioned seemingly in and organised fashion throughout your rooms. \u00a0But it&#8217;s the relationship of these distributions that can make them interesting. \u00a0How are distributions concentrated? By how much &#8230; <a title=\"Displaying Data: Distribution &#038; Ranges\" class=\"read-more\" href=\"https:\/\/visualagency.com\/?p=732\">Read more<\/a><\/p>\n","protected":false},"author":5,"featured_media":4140,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"generate_page_header":"","footnotes":""},"categories":[7],"tags":[81,8,75,87,88],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Displaying Data: Distribution &amp; Ranges - VISU.AL AGENCY<\/title>\n<meta name=\"description\" content=\"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visualagency.com\/?p=732\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displaying Data: Distribution &amp; Ranges - VISU.AL AGENCY\" \/>\n<meta property=\"og:description\" content=\"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualagency.com\/?p=732\" \/>\n<meta property=\"og:site_name\" content=\"VISU.AL AGENCY\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-08T10:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-11T08:31:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"931\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severino Ribecca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualagency.com\/#website\",\"url\":\"https:\/\/visualagency.com\/\",\"name\":\"VISU.AL AGENCY\",\"description\":\"A Digital Growth Agency for the Now Generation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/visualagency.com\/?p=732#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png\",\"contentUrl\":\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png\",\"width\":2048,\"height\":931},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualagency.com\/?p=732#webpage\",\"url\":\"https:\/\/visualagency.com\/?p=732\",\"name\":\"Displaying Data: Distribution & Ranges - VISU.AL AGENCY\",\"isPartOf\":{\"@id\":\"https:\/\/visualagency.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualagency.com\/?p=732#primaryimage\"},\"datePublished\":\"2015-07-08T10:00:24+00:00\",\"dateModified\":\"2018-08-11T08:31:37+00:00\",\"author\":{\"@id\":\"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d\"},\"description\":\"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.\",\"breadcrumb\":{\"@id\":\"https:\/\/visualagency.com\/?p=732#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualagency.com\/?p=732\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualagency.com\/?p=732#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Displaying Data: Distribution &#038; Ranges\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d\",\"name\":\"Severino Ribecca\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/visualagency.com\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/887d6cd0ade62b37fdf11c0e40d40db8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/887d6cd0ade62b37fdf11c0e40d40db8?s=96&d=mm&r=g\",\"caption\":\"Severino Ribecca\"},\"url\":\"https:\/\/visualagency.com?author_name\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Displaying Data: Distribution & Ranges - VISU.AL AGENCY","description":"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/visualagency.com\/?p=732","og_locale":"en_GB","og_type":"article","og_title":"Displaying Data: Distribution & Ranges - VISU.AL AGENCY","og_description":"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.","og_url":"https:\/\/visualagency.com\/?p=732","og_site_name":"VISU.AL AGENCY","article_published_time":"2015-07-08T10:00:24+00:00","article_modified_time":"2018-08-11T08:31:37+00:00","og_image":[{"width":2048,"height":931,"url":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severino Ribecca","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/visualagency.com\/#website","url":"https:\/\/visualagency.com\/","name":"VISU.AL AGENCY","description":"A Digital Growth Agency for the Now Generation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"ImageObject","@id":"https:\/\/visualagency.com\/?p=732#primaryimage","inLanguage":"en-GB","url":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png","contentUrl":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_ranges.png","width":2048,"height":931},{"@type":"WebPage","@id":"https:\/\/visualagency.com\/?p=732#webpage","url":"https:\/\/visualagency.com\/?p=732","name":"Displaying Data: Distribution & Ranges - VISU.AL AGENCY","isPartOf":{"@id":"https:\/\/visualagency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualagency.com\/?p=732#primaryimage"},"datePublished":"2015-07-08T10:00:24+00:00","dateModified":"2018-08-11T08:31:37+00:00","author":{"@id":"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d"},"description":"In this post on Displaying Data, I will be looking at graphical representations of ranged and data distribution.","breadcrumb":{"@id":"https:\/\/visualagency.com\/?p=732#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualagency.com\/?p=732"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visualagency.com\/?p=732#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualagency.com\/"},{"@type":"ListItem","position":2,"name":"Displaying Data: Distribution &#038; Ranges"}]},{"@type":"Person","@id":"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d","name":"Severino Ribecca","image":{"@type":"ImageObject","@id":"https:\/\/visualagency.com\/#personlogo","inLanguage":"en-GB","url":"https:\/\/secure.gravatar.com\/avatar\/887d6cd0ade62b37fdf11c0e40d40db8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/887d6cd0ade62b37fdf11c0e40d40db8?s=96&d=mm&r=g","caption":"Severino Ribecca"},"url":"https:\/\/visualagency.com?author_name"}]}},"_links":{"self":[{"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/posts\/732"}],"collection":[{"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=732"}],"version-history":[{"count":0,"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/posts\/732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/media\/4140"}],"wp:attachment":[{"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}