Bar Hopping: Theme and Variations on a Bar Chart
Should you’ve hung out visualizing knowledge then you have got seemingly heard the phrase, « bar charts are boring ». We all know from analysis that bar charts will be very efficient for encoding knowledge for exact quantitative comparisons, however typically instances purchasers, clients or stakeholders ask for « one thing completely different ». Others have argued that it is the knowledge that’s boring, not the chart. Whereas I agree with that premise, I made a decision to discover some variations on the design of a easy bar chart to exhibit that every one bar chart design doesn’t should look the identical.
A Easy Bar Chart
Right here is a straightforward bar chart displaying the p.c of gross sales throughout 4 areas. Nonetheless, many of those designs under will be achieved with absolute values slightly than a p.c of complete.
This variation makes use of rounded edges. Watch out when doing this. If including a dot to the top of the bar, the bar will prolong previous the precise worth, which is the middle of the dot. This may be adjusted, however the dimension of the dot can also be an element. On this instance, I selected a smaller dot and thinner bar line in order that the dot wouldn’t go too far previous the top of the bar.
Typically the colour of the bars will be overwhelming. On this variation I take away the colour on the bars and easily define the bars.
Discover the bars within the histogram of pageviews by weekday. When the bars are stuffed in, the histogram attracts the eye of the eyes greater than the opposite components of the dashboard. Through the use of an overview of the bars, it blends into the dashboard design extra evenly. That is achieved just by outlining the bar as a substitute of filling it with shade.
Progress Bar and Skinny Progress Bar
If displaying a p.c of a complete, then a progress bar will be a wonderful solution to present the data. Beneath are two examples, a progress bar and a skinny progress bar.
Utilizing a skinny line and a dot or cirle creates a lollipop chart. Some in knowledge visualization neighborhood have expressed issues with lollipop charts as a result of the the dot extends previous the top of the road. Subsequently, if utilizing a lollipop chart, I might suggest retaining the dots smaller in order that it’s extra correct.
Skinny Bar with Line Finish
As talked about above, one situation that comes up with the usage of lollipop charts is that the dot on the top of the lollipop can prolong the information previous the top of the bar. This answer solves for that drawback, by capping the top of the bar with a line. It will present the identical precision as a bar chart, however reduces the ink, even lower than the define bars.
Progress Bar with Skinny Line
Listed below are two different variation of the progress bar, one with a skinny line throughout the center and the opposite with a skinny line throughout the underside. In each circumstances, the bar exhibits the p.c of complete and the road represents 100%.
A unit chart could be very easy, it is a bar chart that has been divided into items. This can be a very clear look and simply understood.
Cleveland Dot Plot
This subsequent variation isn’t a bar chart, however it serves the identical function. William Cleveland referred to it as a dot plot. Every dot plots the worth and the dotted line exhibits the entire vary of 100%.
Unit Chart Progress Bar
Combining the progress bar and unit chart provides us the final variation. The p.c is proven throughout the items, on this case in 10% increments, however your entire vary as much as 100% can also be proven.
Beneath is a Tableau Public viz displaying all of those variations. There’s a parameter to vary the colour scheme. Be at liberty to obtain this workbook to see how these had been constructed.