{"id":367,"date":"2012-01-27T23:35:37","date_gmt":"2012-01-27T23:35:37","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=367"},"modified":"2018-11-27T14:33:58","modified_gmt":"2018-11-27T14:33:58","slug":"how-to-choose-chartgraph-type-for-comparing-data","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/","title":{"rendered":"How to Choose Chart\/Graph Type for Comparing Data"},"content":{"rendered":"<p>Today we start publishing basic tips for choosing between different types of graphs. Visualization can be a very powerful and convincing instrument to present your data &#8211; the only thing needed is to use it correctly. One should always clearly understand what exactly he or she wants to show and what is the best way to do it.<\/p>\n<p>There are three main situations when visualizations are made: <b>comparing data<\/b>, <b>seeing data over time<\/b>, and <b>breaking data into parts<\/b>, plus some mixed cases. We will consider them one by one and figure out what type of graphs fits each case. The first post will be about comparing data.<\/p>\n<p><b>Example 1.<\/b><br \/>\nThe most common tool for comparing data are <b>bar graphs<\/b>. For example, here is an AnyChart visualization showing men <a href=\"http:\/\/unstats.un.org\/unsd\/demographic\/products\/indwm\/tab5f.htm\" target=\"_blank\" rel=\"nofollow\">unemployment rate<\/a> in the Nordic countries:<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\" \/><\/center>As you can see, the difference in the height of bars represents the difference between values pretty clearly. Note that if you need to put long text labels, it is better to make a <b>horizontal bar graph<\/b> since the vertical axis gives more space for labeling.<\/p>\n<p>See also our documentation and gallery: <a href=\"http:\/\/6.anychart.com\/products\/anychart\/docs\/users-guide\/index.html?Column-chart.html\" target=\"_blank\" rel=\"nofollow\">Creating Bar\/Column Chart with AnyChart<\/a>, <a href=\"http:\/\/6.anychart.com\/products\/anychart\/gallery\/2D-Column-Cone-Pyramid-and-Cylinder-Charts.php\" target=\"_blank\" rel=\"nofollow\">Bar\/Column Charts Gallery<\/a><\/p>\n<p><b>Example 2.<\/b><br \/>\nWhat if we want to show not only men but also women unemployment rate? Now we have two sets of data for each country, and to distinguish them, we need to use different colors:<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/6.anychart.com\/blog\/images\/types\/double-bar.png\" \/><\/center>Such graphs are sometimes called <b>double bar graphs<\/b>. They can also be horizontal.<\/p>\n<p><b>Example 3.<\/b><br \/>\nWhen one needs to represent the correlation between two related values (which can be viewed as a kind of comparison too), a <b>scatter graph<\/b> is used. Take a look at a chart showing the correlation between <a href=\"http:\/\/www.gallup.com\/poll\/108625\/more-religious-countries-lower-suicide-rates.aspx\" target=\"_blank\" rel=\"nofollow\">religiosity index and suicide rate<\/a> in different countries:<\/p>\n<p><center><img decoding=\"async\" src=\"http:\/\/6.anychart.com\/blog\/images\/types\/scatter-with-trend.png\" \/><\/center>The position of each point on the horizontal and vertical axes is determined by suicide rate and religiosity index correspondingly. Here, like in the previous case, we also have two sets of data for each country, but the countries themselves are no longer at focuse. The things we want to compare are the number of suicides and religiosity index <i>in general<\/i>.<\/p>\n<p>While bar charts are good for emphasizing the difference between individual entities, scatter graphs are good for generalizing. The information about particular countries is hardly readable from our graph, but it perfectly shows that more religious countries tend to have lower suicide rates: the points group around an imaginary line that falls down from left to right (sometimes called <i>line of best fit<\/i>, or <i>trend line<\/i>). It is considered that the closer the points are to this line, the stronger the correlation is.<\/p>\n<p>See also: <a href=\"http:\/\/6.anychart.com\/products\/anychart\/docs\/users-guide\/index.html?Scatter-Chart.html\" target=\"_blank\" rel=\"nofollow\">Creating Scatter Chart with AnyChart<\/a>, <a href=\"http:\/\/6.anychart.com\/products\/anychart\/gallery\/Scatter-Charts.php\" target=\"_blank\" rel=\"nofollow\">Scatter Charts Gallery<\/a><\/p>\n<p style=\"padding-left: 30px;\"><em><strong>Check the updated article on <a href=\"https:\/\/www.anychart.com\/blog\/2017\/04\/12\/data-comparison-chart-type-visualization\/\">how to choose chart\/graph type for comparing data<\/a> published within the framework of the new 7-part <a href=\"https:\/\/www.anychart.com\/blog\/category\/choosing-chart-type\/\">Choose Chart Type<\/a> feature on our blog.<\/strong><\/em><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Today we start publishing basic tips for choosing between different types of graphs. Visualization can be a very powerful and convincing instrument to present your data &#8211; the only thing needed is to use it correctly. One should always clearly understand what exactly he or she wants to show and what is the best way [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,4],"tags":[],"class_list":["post-367","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-tips-and-tricks","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Choose Chart\/Graph Type for Comparing Data | AnyChart News<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Choose Chart\/Graph Type for Comparing Data | AnyChart News\" \/>\n<meta property=\"og:description\" content=\"Today we start publishing basic tips for choosing between different types of graphs. Visualization can be a very powerful and convincing instrument to present your data &#8211; the only thing needed is to use it correctly. One should always clearly understand what exactly he or she wants to show and what is the best way [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2012-01-27T23:35:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-27T14:33:58+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\" \/>\n<meta name=\"author\" content=\"Margaret Skomorokh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Margaret Skomorokh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\"},\"author\":{\"name\":\"Margaret Skomorokh\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"headline\":\"How to Choose Chart\/Graph Type for Comparing Data\",\"datePublished\":\"2012-01-27T23:35:37+00:00\",\"dateModified\":\"2018-11-27T14:33:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\"},\"wordCount\":480,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\",\"articleSection\":[\"AnyChart Charting Component\",\"Tips and Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\",\"name\":\"How to Choose Chart\/Graph Type for Comparing Data | AnyChart News\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\",\"datePublished\":\"2012-01-27T23:35:37+00:00\",\"dateModified\":\"2018-11-27T14:33:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage\",\"url\":\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\",\"contentUrl\":\"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Choose Chart\/Graph Type for Comparing Data\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555\",\"name\":\"Margaret Skomorokh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g\",\"caption\":\"Margaret Skomorokh\"},\"url\":\"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Choose Chart\/Graph Type for Comparing Data | AnyChart News","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:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/","og_locale":"en_US","og_type":"article","og_title":"How to Choose Chart\/Graph Type for Comparing Data | AnyChart News","og_description":"Today we start publishing basic tips for choosing between different types of graphs. Visualization can be a very powerful and convincing instrument to present your data &#8211; the only thing needed is to use it correctly. One should always clearly understand what exactly he or she wants to show and what is the best way [&hellip;]","og_url":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2012-01-27T23:35:37+00:00","article_modified_time":"2018-11-27T14:33:58+00:00","og_image":[{"url":"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png","type":"","width":"","height":""}],"author":"Margaret Skomorokh","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"Margaret Skomorokh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/"},"author":{"name":"Margaret Skomorokh","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"headline":"How to Choose Chart\/Graph Type for Comparing Data","datePublished":"2012-01-27T23:35:37+00:00","dateModified":"2018-11-27T14:33:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/"},"wordCount":480,"commentCount":1,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage"},"thumbnailUrl":"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png","articleSection":["AnyChart Charting Component","Tips and Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/","url":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/","name":"How to Choose Chart\/Graph Type for Comparing Data | AnyChart News","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage"},"thumbnailUrl":"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png","datePublished":"2012-01-27T23:35:37+00:00","dateModified":"2018-11-27T14:33:58+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555"},"breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#primaryimage","url":"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png","contentUrl":"http:\/\/6.anychart.com\/blog\/images\/types\/bar.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2012\/01\/27\/how-to-choose-chartgraph-type-for-comparing-data\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Choose Chart\/Graph Type for Comparing Data"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/e069e5f63e2e5aee4b0f36063994f555","name":"Margaret Skomorokh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e9f32e1f879d35eb4a0f3e9c89d4a1f7dcfb99f4014044b50b6a2f3ae7fd4882?s=96&r=g","caption":"Margaret Skomorokh"},"url":"https:\/\/www.anychart.com\/blog\/author\/margaret-skomorokh\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":2,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/367\/revisions"}],"predecessor-version":[{"id":6924,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/367\/revisions\/6924"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}