{"id":19051,"date":"2020-02-07T11:39:09","date_gmt":"2020-02-07T10:39:09","guid":{"rendered":"http:\/\/www.highcharts.com\/blog\/?p=19051"},"modified":"2026-01-12T11:36:28","modified_gmt":"2026-01-12T11:36:28","slug":"why-you-need-to-start-using-dumbbell-charts","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/best-practices\/why-you-need-to-start-using-dumbbell-charts\/","title":{"rendered":"Why you need to start using Dumbbell charts"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<br \/>\nDon\u2019t always go for the chart type you think your audience may be most familiar with. Sometimes, a more exotic chart can be more user-friendly, even to the untrained eye.<\/p>\n<p>Case in point below. At the top is a Bar Chart and below it is a Dumbbell chart.<\/p>\n<p>Both show the exact same data, which is the poverty rate across some OECD countries. (The poverty rate is the ratio of the number of people whose income is below the poverty line according to each country.<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%;\" src=\"https:\/\/codepen.io\/mushigh\/embed\/JjoxOyB?height=265&amp;theme-id=default&amp;default-tab=result\" height=\"600\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\" title=\"A bar chart displays poverty rate across some OECD countries\"><br \/>\nSee the Pen <a href=\"https:\/\/codepen.io\/mushigh\/pen\/JjoxOyB\">Poverty rate 2016 (column)<\/a> by mustapha mekhatria<br \/>\n(<a href=\"https:\/\/codepen.io\/mushigh\">@mushigh<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<br \/>\n<\/iframe>\n<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%;\" src=\"https:\/\/codepen.io\/mushigh\/embed\/xxbmQmB?height=265&amp;theme-id=default&amp;default-tab=result\" height=\"520\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\" title=\"Dumbbell charts chart displays poverty rate across some OECD countries\"><br \/>\nSee the Pen <a href=\"https:\/\/codepen.io\/mushigh\/pen\/xxbmQmB\">dumbbell demo<\/a> by mustapha mekhatria<br \/>\n(<a href=\"https:\/\/codepen.io\/mushigh\">@mushigh<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<br \/>\n<\/iframe>\n<\/p>\n<p>The winner is clear: The Dumbbell is very effective at visualizing two datasets across the same dimension in a compact and straightforward way. As a bonus, it also lets us check the spread of values (distribution) and their ranges. Finally, the Dumbbell chart is easy to create.<\/p>\n<p>Many countries significantly reduce their poverty rates through redistribution of wealth (which the spread between the Before\/After Taxes and Transfers values illustrate). Finland, for example, is among the top countries when it comes to reducing the poverty rate (from 34% to 6%), where South Korea, followed by the USA lag behind the other countries in reducing the poverty rate.<\/p>\n<p>Compare the Dumbbell chart to the Bar chart. The latter requires twice the real estate by using two bars for each country, one bar for each data series. On top of that, the bar chart takes more effort to read and understand, since the audience has to process the values\u2019 difference for each country by looking at both bars at the same time:<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%;\" src=\"https:\/\/codepen.io\/mushigh\/embed\/vYEbdzr?height=265&amp;theme-id=default&amp;default-tab=result\" height=\"560\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\" title=\"A dumbbell chart displays poverty rate across some OECD countries using three variables\"><br \/>\nSee the Pen <a href=\"https:\/\/codepen.io\/mushigh\/pen\/vYEbdzr\">Poverty rate  (Total \/ 0-17 year-olds \/ 66 year-olds or more)<\/a> by mustapha mekhatria<br \/>\n(<a href=\"https:\/\/codepen.io\/mushigh\">@mushigh<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<br \/>\n<\/iframe>\n<\/p>\n<p>Here is another example of the power of the Dumbbell chart, where 3 variables, and their ranges from each other are visualized on one single line for each country. Despite the number of variables, the chart looks clean and easy to read. The same data set will require three bars or column for each country, that is basically 42 bars instead of just 14 using a dumbbell chart.<\/p>\n<p>Even though the Dumbbell chart is a convenient chart for comparisons, as you can virtually compare an unlimited number of values on a Dumbbell chart, you have to be careful not to clutter the chart to the point where the audience gets confused. In other words, always use your common sense to create an effective chart.<\/p>\n<p>Feel free to share your best Dumbbell charts, and leave a comment or a question in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don\u2019t always go for the chart type you think your audience may be most familiar with. The Dumbbell Chart is a good alternative to a Bar Chart when you have multiple, related data series.<\/p>\n","protected":false},"author":32,"featured_media":19069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1104],"tags":[1063],"coauthors":[699],"class_list":["post-19051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices","tag-data-visualization"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/19051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=19051"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/19051\/revisions"}],"predecessor-version":[{"id":29226,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/19051\/revisions\/29226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/19069"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=19051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=19051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=19051"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=19051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}