{"id":62874,"date":"2012-06-07T00:00:00","date_gmt":"2012-06-07T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/blog\/context-in-data-visualization\/"},"modified":"2025-09-15T15:30:09","modified_gmt":"2025-09-15T18:30:09","slug":"context-in-data-visualization","status":"publish","type":"post","link":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/","title":{"rendered":"The Importance of Being Earnest, or Showing Context in Data Visualization"},"content":{"rendered":"<p>The thing about telling stories through data is, sometimes you don&#8217;t know what the story is until you&#8217;ve visualized the data. And if the story isn&#8217;t what you expected, you may have to either: <strong>A.<\/strong> tell the &#8220;new&#8221; story as it is, or <strong>B.<\/strong> find another set of data and another story to tell. Unfortunately, sometimes the commissioner of the visualization may ask you to go with option <strong>C.<\/strong> tweak the visualization, or even the data, so it shows the story they <em>want<\/em> to tell. In the past, the team at <a href=\"https:\/\/visual.ly\" target=\"_blank\" rel=\"noopener noreferrer\">Visual.ly<\/a> has been asked to crop axes in order to exaggerate trends in a chart. The argument is that &#8220;as long as the axis is labeled correctly, it is okay&#8221;. It would be nice if this were true, but it is not. If we are to truly do <strong>visualization<\/strong>, then all of the information related to the chart should be visual. Properly labeled axes are always important, but they should never be part of the primary method of interpreting the data from a visualization. Often times, within a chart there are relationships that are shown between the blank spaces. The visual mark itself is not the only place that information is shown. One example of this is in a line chart showing percentages. (<a href=\"https:\/\/www.infochimps.com\/datasets\/employment-status-of-the-civilian-noninstitutional-population-19\" target=\"_blank\" rel=\"noopener noreferrer\">Data<\/a>) <a href=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/Line.png\"><img data-opt-id=1518271194  data-opt-src=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/Line.png\"     decoding=\"async\" class=\"alignnone size-full wp-image-4937\" title=\"Line\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" width=\"618\" height=\"455\" \/><\/a> \u00a0 Cropping the vertical axis on this chart could help to make the changes over time more apparent. <a href=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/noContext.png\"><img data-opt-id=2135544679  data-opt-src=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/noContext.png\"  decoding=\"async\" class=\"alignnone size-full wp-image-4938\" title=\"noContext\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" width=\"618\" height=\"455\" \/><\/a> \u00a0 The problem with this is that the line itself is not the only part that shows data. You can see the pink section shows the percentage of the American population not in the labor force, while the blue section shows the percentage that is in the labor force. <a href=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/Area.png\"><img data-opt-id=1814919751  data-opt-src=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/Area.png\"  decoding=\"async\" class=\"alignnone size-full wp-image-4942\" title=\"Area\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" width=\"618\" height=\"455\" \/><\/a> \u00a0 When we look at the chart this way, we can see that it is more than just the line itself that matters.<\/p>\n<p>Sometimes, even small tweaks done with innocent intentions can end up telling a totally different story. I\u2019ve seen visualizations in presentations that left out just a tiny sliver of context\u2014to \u201cdeclutter\u201d things\u2014and suddenly the takeaway becomes much more dramatic. It happens faster than you\u2019d expect. In these moments, the absence is almost as persuasive as the data shown, quietly shifting a viewer\u2019s perception without anyone explicitly trying to mislead. That\u2019s why, for anyone playing with data, it really pays to pause and look at the whole image, not just the obvious bits.<\/p>\n<p>There is a part to whole relationship shown in the vertical, and cropping the y-axis would destroy that relationship. There is hidden context in many visualizations, and this context helps give an accurate depiction of the data, even if the viewer is unaware that the context exists. Percentage line charts are not the only charts where context is important. For example, in quantitative charts, showing an axis that starts at zero is important, so that the real quantity can be visualized. When multiple charts with the same units are used together, they should all have the same minimums and maximums so that each chart can be compared to the other.<\/p>\n<p>Honestly, this kind of thing comes up a lot when people try to condense complex reports onto a single slide for a meeting. Nobody (well, almost nobody) throws in a chart thinking \u201clet\u2019s mess with the axis and dupe our audience,\u201d but that\u2019s what happens. Once you realize how easily interpretation can sway, it gets hard not to scrutinize every graph you see. If a visualization makes you pause\u2014like, \u201cWait, is that really such a huge jump?\u201d\u2014that\u2019s a sign to look for what might be missing or manipulated. Asking questions is the only way to keep things grounded in reality, even if the chart looks polished at first glance.<\/p>\n<p>This higher level coordination within and between charts is good practice because it gives people a more clear understanding of the data, and it does not attempt to distort the data to exaggerate an existing pattern. That said, there are some cases where axis cropping is necessary. Sometimes the change in data is imperceptible despite being a significant increase or decrease. In cases like this, two charts should be shown, one with full context, another cropped, with an annotation in the full context chart that shows the region that the new chart has been cropped to. <a href=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/popOutFixed.png\"><img data-opt-id=223834192  data-opt-src=\"https:\/\/s3.amazonaws.com\/scribblelive-com-prod\/wp-content\/uploads\/2012\/06\/popOutFixed.png\"  loading=\"lazy\" loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4995\" title=\"popOutFixed\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" width=\"618\" height=\"300\" \/><\/a> \u00a0 In any case, make sure the visualization shows as much context as is reasonably possible. It is in the best interest of everyone involved that the data is shown clearly and accurately. Being dishonest with data is not only wrong, but getting caught in the act is not a happy situation for commissioner or visualizer. \u00a0 <em><a href=\"https:\/\/twitter.com\/#!\/SeeingStructure\" target=\"_blank\" rel=\"noopener noreferrer\">Drew Skau<\/a> is Visualization Architect at <a href=\"https:\/\/visual.ly\" target=\"_blank\" rel=\"noopener noreferrer\">Visual.ly<\/a>, and a context-aware PhD Computer Science Visualization student at <a href=\"https:\/\/www.uncc.edu\/\" target=\"_blank\" rel=\"noopener noreferrer\">UNCC<\/a>, with an undergraduate degree in Architecture.<\/em><\/p>\n<p> }}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The thing about telling stories through data is, sometimes you don&#8217;t know what the story is until you&#8217;ve visualized the data. And if the story isn&#8217;t what you expected, you may have to either: A. tell the &#8220;new&#8221; story as it is, or B. find another set of data and another story to tell. Unfortunately, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":53040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-62874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback<\/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:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback\" \/>\n<meta property=\"og:description\" content=\"The thing about telling stories through data is, sometimes you don&#8217;t know what the story is until you&#8217;ve visualized the data. And if the story isn&#8217;t what you expected, you may have to either: A. tell the &#8220;new&#8221; story as it is, or B. find another set of data and another story to tell. Unfortunately, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-07T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-15T18:30:09+00:00\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/\",\"url\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/\",\"name\":\"The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2012-06-07T00:00:00+00:00\",\"dateModified\":\"2025-09-15T18:30:09+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\"},\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Importance of Being Earnest, or Showing Context in Data Visualization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/en\/resources\/\",\"name\":\"Pingback\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback","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:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/","og_locale":"pt_BR","og_type":"article","og_title":"The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback","og_description":"The thing about telling stories through data is, sometimes you don&#8217;t know what the story is until you&#8217;ve visualized the data. And if the story isn&#8217;t what you expected, you may have to either: A. tell the &#8220;new&#8221; story as it is, or B. find another set of data and another story to tell. Unfortunately, [&hellip;]","og_url":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/","og_site_name":"Pingback","article_published_time":"2012-06-07T00:00:00+00:00","article_modified_time":"2025-09-15T18:30:09+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/","url":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/","name":"The Importance of Being Earnest, or Showing Context in Data Visualization - Pingback","isPartOf":{"@id":"https:\/\/pingback.com\/en\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage"},"thumbnailUrl":"","datePublished":"2012-06-07T00:00:00+00:00","dateModified":"2025-09-15T18:30:09+00:00","author":{"@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33"},"breadcrumb":{"@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/en\/resources\/context-in-data-visualization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Importance of Being Earnest, or Showing Context in Data Visualization"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/en\/resources\/#website","url":"https:\/\/pingback.com\/en\/resources\/","name":"Pingback","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/comments?post=62874"}],"version-history":[{"count":2,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62874\/revisions"}],"predecessor-version":[{"id":128709,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/62874\/revisions\/128709"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/media?parent=62874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/categories?post=62874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/tags?post=62874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}