{"id":63090,"date":"2015-05-28T00:00:00","date_gmt":"2015-05-28T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/blog\/exploring-perception-bar-charts\/"},"modified":"2025-09-11T02:36:07","modified_gmt":"2025-09-11T05:36:07","slug":"exploring-perception-bar-charts","status":"publish","type":"post","link":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/","title":{"rendered":"Exploring the Perception of Bar Charts"},"content":{"rendered":"<p>The world of infographics has produced a race between designers.<\/p>\n<p>The Internet is flooded with hundreds of infographics every day, so those graphics with good design and novelty features have a big leg up against competition in the race for eyeballs.<\/p>\n<p>Often this prioritizes design above other traditional goals of data visualization, and charts get tweaked and embellished. This makes them more eye-catching and <a rel=\"noopener noreferrer\" href=\"https:\/\/hci.usask.ca\/uploads\/173-pap0297-bateman.pdf\" target=\"_blank\">more memorable (PDF)<\/a>, but what about accuracy?<\/p>\n<div class=\"visually_embed\">\n<figure><iframe style=\"width: 1px !important; height: 1px !important; position: absolute; left: -100px !important;\" src=\"https:\/\/visual.ly\/track.php?q=https:\/\/visual.ly\/usa-ice-cream-consumption&amp;slug=usa-ice-cream-consumption\" width=\"1\" height=\"1\"><\/iframe><\/figure>\n<figure><a href=\"https:\/\/visual.ly\/usa-ice-cream-consumption\/?utm_source=visually_embed\"><img data-opt-id=1344850316  decoding=\"async\" class=\"visually_embed_infographic\" src=\"https:\/\/visual.ly\/node\/image\/165939?_w=618\" alt=\"USA Ice Cream Consumption \"><\/a><\/figure>\n<p>&nbsp;<\/p>\n<div class=\"visually_embed_cycle\">&nbsp;<\/div>\n<\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/05\/embellishment-cases-660x595@2x.png\"><img data-opt-id=514391645  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:618\/h:557\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/05\/embellishment-cases-660x595@2x-618x557.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20618%20557%22%20width%3D%22618%22%20height%3D%22557%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22618%22%20height%3D%22557%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"embellishment-cases-660x595@2x\" class=\"wp-image-23338\"\/><\/a><\/figure>\n<\/div>\n<p>When designers turn a bar into a triangle, round the corners, or add a shape to the ends, they have an impact on how our perceptual system is taking in the bar chart&#8217;s information.<\/p>\n<p>But our knowledge of how well bar charts work is all based on standardized bar charts with sharp corners and rectangular bars. Without a complete understanding of how these chart changes impact the chart&#8217;s ability to communicate, we can&#8217;t be confident that infographics are still doing a good job of informing.<\/p>\n<p>We decided to test this through a user study exploring how accurately embellished bar charts communicate their data.<\/p>\n<p>The user study targeted a set of six different embellishments that occur commonly throughout infographics, testing them all against a standard baseline bar chart. There are two main tasks that we tested: interpreting the exact value of a single bar, and interpreting the relative value between two bars.<\/p>\n<p>It\u2019s funny how a tiny tweak\u2014like making a bar more pointy\u2014can change the way you read an entire chart. We\u2019re so used to a certain visual grammar that the brain almost rebels when things are off just a bit. This is the kind of stuff you don\u2019t notice until you\u2019re presented with both side by side, and suddenly that odd triangle makes you hesitate. I suppose designers might say, \u201cBut it looks cool!\u201d Maybe, but does it help anyone actually get the point?<\/p>\n<p>Of course, real people (not just data nerds) bring their own biases and attention spans to the table, so a beautiful embellishment could be the only reason someone bothers to look at a chart at all. Whether that outweighs the hit in accuracy is up for debate. Some marketing teams will gladly trade a small misunderstanding for a burst of social shares or fleeting brand recognition. Is that cynical? Maybe a little, but it\u2019s the reality for a lot of web-based graphics in 2025\u2014get noticed first, explain second.<\/p>\n<div class=\"visually_embed\" style=\"position: relative; width: 540px; height: 540px;\" data-category=\"Animals\">\n<figure><iframe src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/key\/DFH1QSOmwnF6rt?cache\" width=\"540\" height=\"540\" frameborder=\"0\"><\/iframe><\/figure>\n<p>&nbsp;<\/p>\n<div class=\"visually_embed_bar\"><span class=\"visually_embed_cycle\">by <a href=\"https:\/\/blog.visual.ly\/author\/drew\/?utm_source=visually_embed\" target=\"_blank\" rel=\"noopener noreferrer\">SeeingStructure<\/a>. <br \/><\/span><\/div>\n<p><script type=\"text\/javascript\" src=\"https:\/\/visual.ly\/embeder\/embed.js\"><\/script><\/div>\n<p>Four out of six embellished charts performed worse than the standard bar chart at communicating their data.<\/p>\n<p>We found that triangular bars, overlapping triangles, quadratically increasing triangles, bars with rounded ends and bars with caps all performed significantly worse when comparing between bars.<\/p>\n<p>For telling the absolute value, quadratically increasing triangles performed significantly worse, with triangular bars, overlapping triangles and bars with rounded ends also performing worse, although the difference is not statistically significant.<\/p>\n<p>Capped bars may be okay for absolute comparison tasks, and bars that extend below the x-axis performed roughly equivalently to the standard bar chart. If you&#8217;re interested in the full results, you can <a rel=\"noopener noreferrer\" href=\"https:\/\/goo.gl\/Hnr3MR\" target=\"_blank\">check out the paper here<\/a>.<\/p>\n<p>This doesn&#8217;t mean that these changes to charts are always a bad thing. Infographics serve many goals, and, as with all design, these goals must all be balanced against each other to find the best end result.<\/p>\n<p>The results of this research let designers know the implications of their embellishment choices, and should help them balance these choices against an infographic&#8217;s goals.<\/p>\n<p><em>This research was done by <a rel=\"noopener noreferrer\" href=\"https:\/\/twitter.com\/SeeingStructure\" target=\"_blank\">Drew Skau<\/a>, <a rel=\"noopener noreferrer\" href=\"https:\/\/twitter.com\/laneharrison\" target=\"_blank\">Lane Harrison<\/a>, and <a rel=\"noopener noreferrer\" href=\"https:\/\/twitter.com\/eagereyes\" target=\"_blank\">Robert Kosara<\/a>. <a rel=\"noopener noreferrer\" href=\"https:\/\/visual.ly\/users\/seeingstructure\/?utm_source=blog&amp;utm_medium=blogpost&amp;utm_campaign=drew-signature\" target=\"_blank\">Drew Skau<\/a> is Visualization Architect at <a rel=\"noopener noreferrer\" href=\"https:\/\/visual.ly\" target=\"_blank\">Visually<\/a> and a PhD Computer Science Visualization student at <a rel=\"noopener noreferrer\" href=\"https:\/\/www.uncc.edu\/\" target=\"_blank\">UNCC<\/a> with an undergraduate degree in Architecture. You can follow him on Twitter <a rel=\"noopener noreferrer\" href=\"https:\/\/twitter.com\/SeeingStructure\" target=\"_blank\">@SeeingStructure<\/a><\/em><\/p>\n<p> }}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The world of infographics has produced a race between designers. The Internet is flooded with hundreds of infographics every day, so those graphics with good design and novelty features have a big leg up against competition in the race for eyeballs. Often this prioritizes design above other traditional goals of data visualization, and charts get [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54005,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-63090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exploring the Perception of Bar Charts - Pingback<\/title>\n<meta name=\"description\" content=\"Designers tweak bar charts to make them look more appealing, but does this compromise the chart&#039;s accuracy?\" \/>\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\/exploring-perception-bar-charts\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exploring the Perception of Bar Charts - Pingback\" \/>\n<meta property=\"og:description\" content=\"Designers tweak bar charts to make them look more appealing, but does this compromise the chart&#039;s accuracy?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-28T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T05:36:07+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=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/\",\"url\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/\",\"name\":\"Exploring the Perception of Bar Charts - Pingback\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2015-05-28T00:00:00+00:00\",\"dateModified\":\"2025-09-11T05:36:07+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\"},\"description\":\"Designers tweak bar charts to make them look more appealing, but does this compromise the chart's accuracy?\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exploring the Perception of Bar Charts\"}]},{\"@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":"Exploring the Perception of Bar Charts - Pingback","description":"Designers tweak bar charts to make them look more appealing, but does this compromise the chart's accuracy?","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\/exploring-perception-bar-charts\/","og_locale":"pt_BR","og_type":"article","og_title":"Exploring the Perception of Bar Charts - Pingback","og_description":"Designers tweak bar charts to make them look more appealing, but does this compromise the chart's accuracy?","og_url":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/","og_site_name":"Pingback","article_published_time":"2015-05-28T00:00:00+00:00","article_modified_time":"2025-09-11T05:36:07+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/","url":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/","name":"Exploring the Perception of Bar Charts - Pingback","isPartOf":{"@id":"https:\/\/pingback.com\/en\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage"},"thumbnailUrl":"","datePublished":"2015-05-28T00:00:00+00:00","dateModified":"2025-09-11T05:36:07+00:00","author":{"@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33"},"description":"Designers tweak bar charts to make them look more appealing, but does this compromise the chart's accuracy?","breadcrumb":{"@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/en\/resources\/exploring-perception-bar-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Exploring the Perception of Bar Charts"}]},{"@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\/63090","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=63090"}],"version-history":[{"count":2,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63090\/revisions"}],"predecessor-version":[{"id":128377,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63090\/revisions\/128377"}],"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=63090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/categories?post=63090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/tags?post=63090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}