{"id":774,"date":"2015-07-09T13:43:02","date_gmt":"2015-07-09T13:43:02","guid":{"rendered":"http:\/\/localhost\/?p=774"},"modified":"2018-04-30T16:21:03","modified_gmt":"2018-04-30T15:21:03","slug":"displaying-data-correlations","status":"publish","type":"post","link":"https:\/\/visualagency.com\/?p=774","title":{"rendered":"Displaying Data: Correlations"},"content":{"rendered":"

Relationships make the world go around and make life interesting. \u00a0Without other human beings around, life would feel like a lonely and empty existence. \u00a0How people interact with each other tells a lot about the relationships they have.<\/p>\n

In a sense, the same could be said for data: when one variable or set of data interacts and affects another, it said to have a ‘relationship’. \u00a0When two variable vary together, it’s described as correlation<\/strong> relationship.<\/p>\n

In this post on Displaying Data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover a relationship.<\/p>\n

Scatterplots<\/h2>\n

In this graph, a collection of points are plotted with Cartesian Coordinates that has\u00a0each axis represented by a variable. \u00a0This can help you detect if one variable impacts the other by plotting them\u00a0together and visualising a correlation relationship.<\/p>\n

\"correlations\"<\/p>\n

The types of correlation that can appear on a Scatterplot varies and can be interpreted through the patterns they produce on the graph:<\/p>\n

\"correlations\"<\/p>\n

When the variables\u00a0increase together and produce an upwards slope made up of points, then this is known as a positive<\/strong> correlation. \u00a0If one variable decreases while the other increases, producing a downwards slope, then it’s described as a negative<\/strong> correlation. \u00a0However, when the values of one variable stays the same while the others increases, then the correlation is null<\/strong>.<\/p>\n

The shape of the correlation slope can also display whether the type of correlation is linear<\/strong>, exponential<\/strong> or even U-shaped<\/strong>. \u00a0How closely the points packed together into a line also shows the strength of the correlation. \u00a0If no line emerges after all the points have been plotted, then there is no correlation.<\/p>\n

Bubble Charts<\/h2>\n

Working in the same way as a Scatterplot, Bubble Charts take displaying data \u00a0a step further by varying the size of each point into a ‘bubble’ relative to an extra third variable and by labelling or categorising each bubble. \u00a0This allows for\u00a0comparisons between bubbles, as they are now\u00a0distinguished from each other by labels or colouring.<\/p>\n

\"correlations\"
TIP: Markers can be displayed in centre to enable the reader to more accurately determine the exact location of data points.<\/figcaption><\/figure>\n

Like Scatterplots, Bubble Charts are useful for analysing patterns and correlations between variables. \u00a0Time can also be shown by either having it as one of the axis or by animating the visualisation. \u00a0A great example of this is the Gapminder World tool below, which allows you to explore various statistics in all the countries in the World, over time.<\/p>\n

\"correlations\"<\/a>
Source: Gapminder World Tool<\/a><\/figcaption><\/figure>\n

Bubble Charts are quite limited in the amount of data they can visualise: having too many bubbles can make the chart overly cluttered and therefore, hard to read. \u00a0Of course interactivity can remedy this by having an option to reorganise or filter out categories. \u00a0Another solution from over cluttering is to use transparent bubbles, which can prevent bubbles from being hidden under larger ones.<\/p>\n

Heatmaps<\/h2>\n

Using a matrix between two variables along both axes, Heatmaps visualise the relationship between the them by varying the shades of colour in each cell. \u00a0The colour-coding system can vary, but the shading amount is proportional\u00a0to the values that occur when each variable interacts.<\/p>\n

\"correlations\"<\/p>\n

Below is a great example of\u00a0the use of Heatmaps from the Wall Street Journal graphics editor,\u00a0Stuart A. Thompson, who has used the chart to visualise the sleeping patterns across different cities. \u00a0From looking at these visualisations, viewers can gain insight into which cities get the most sleep or what the lifestyle trends are.<\/p>\n

\"correlations\"<\/a>
Which Cities Get The Most Sleep? Graphics.wsj.com<\/a><\/figcaption><\/figure>\n

Because of a\u00a0Heatmap’s reliance on colour to communicate values, it’s a chart more suited to displaying a generalised\u00a0view of the data and is therefore difficult to accurately read exact numerical values from.<\/p>\n

…<\/p>\n

Remember that correlation is not always causation and another unnoticed or unconsidered variable may be influencing results.<\/p>\n

If you are considering visualising correlations when displaying data and are still unsure with which is the best visualisation to apply, then please feel free to get in contact<\/a> with us and we\u2019ll be happy to talk you through it.<\/p>\n","protected":false},"excerpt":{"rendered":"

Relationships make the world go around and make life interesting. \u00a0Without other human beings around, life would feel like a lonely and empty existence. \u00a0How people interact with each other tells a lot about the relationships they have. In a sense, the same could be said for data: when one variable or set of data … Read more<\/a><\/p>\n","protected":false},"author":5,"featured_media":4136,"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,90,8,75,88],"acf":[],"yoast_head":"\nDisplaying Data: Correlations - VISU.AL AGENCY<\/title>\n<meta name=\"description\" content=\"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.\" \/>\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=774\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displaying Data: Correlations - VISU.AL AGENCY\" \/>\n<meta property=\"og:description\" content=\"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualagency.com\/?p=774\" \/>\n<meta property=\"og:site_name\" content=\"VISU.AL AGENCY\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-09T13:43:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-30T15:21:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.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=774#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.png\",\"contentUrl\":\"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.png\",\"width\":2048,\"height\":931},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualagency.com\/?p=774#webpage\",\"url\":\"https:\/\/visualagency.com\/?p=774\",\"name\":\"Displaying Data: Correlations - VISU.AL AGENCY\",\"isPartOf\":{\"@id\":\"https:\/\/visualagency.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualagency.com\/?p=774#primaryimage\"},\"datePublished\":\"2015-07-09T13:43:02+00:00\",\"dateModified\":\"2018-04-30T15:21:03+00:00\",\"author\":{\"@id\":\"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d\"},\"description\":\"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.\",\"breadcrumb\":{\"@id\":\"https:\/\/visualagency.com\/?p=774#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualagency.com\/?p=774\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualagency.com\/?p=774#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Displaying Data: Correlations\"}]},{\"@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: Correlations - VISU.AL AGENCY","description":"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.","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=774","og_locale":"en_GB","og_type":"article","og_title":"Displaying Data: Correlations - VISU.AL AGENCY","og_description":"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.","og_url":"https:\/\/visualagency.com\/?p=774","og_site_name":"VISU.AL AGENCY","article_published_time":"2015-07-09T13:43:02+00:00","article_modified_time":"2018-04-30T15:21:03+00:00","og_image":[{"width":2048,"height":931,"url":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.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=774#primaryimage","inLanguage":"en-GB","url":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.png","contentUrl":"https:\/\/visualagency.com\/wp-content\/uploads\/2015\/07\/displaying_data_correlations.png","width":2048,"height":931},{"@type":"WebPage","@id":"https:\/\/visualagency.com\/?p=774#webpage","url":"https:\/\/visualagency.com\/?p=774","name":"Displaying Data: Correlations - VISU.AL AGENCY","isPartOf":{"@id":"https:\/\/visualagency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualagency.com\/?p=774#primaryimage"},"datePublished":"2015-07-09T13:43:02+00:00","dateModified":"2018-04-30T15:21:03+00:00","author":{"@id":"https:\/\/visualagency.com\/#\/schema\/person\/81c7d9e4611a17421e15c988ad30d06d"},"description":"In this post displaying data, I will be exploring the types of charts ideal for comparing two or more variables together in order to discover correlations.","breadcrumb":{"@id":"https:\/\/visualagency.com\/?p=774#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualagency.com\/?p=774"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visualagency.com\/?p=774#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualagency.com\/"},{"@type":"ListItem","position":2,"name":"Displaying Data: Correlations"}]},{"@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\/774"}],"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=774"}],"version-history":[{"count":0,"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/posts\/774\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=\/wp\/v2\/media\/4136"}],"wp:attachment":[{"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visualagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}