100% stacked column chart
Description
100% stacked column charts are similar to stacked column charts in that categories are represented as vertical bars and series as components of those bars. However, in a 100% stacked column chart, each series bar represents the percentage of the whole to which it belongs, where the total (cumulative) of each stacked bar always equals 100%. It can be a good alternative to pie charts.
When to use
100% stacked column charts can not only be used for part-to-whole comparisons like pie charts but can also be used to show the relative percentage of multiple data series such as how proportions change over time.
Dos and donts
Make sure percentages add up to 100%.
Avoid legend and use direct labeling.
Include between two to five categories. If there are more than five, combine the smaller and less significant segments to create a fifth slice and label it “Other”. If the segments have to be represented separately, use a 100% stacked bar chart or horizontal bar chart instead.
Sort data in descending order, starting at the 12 o'clock point and moving clockwise. Or order data in a way that the largest section at 12 o’clock, then place the second biggest slice at 12 o’clock on the left, the rest would follow counterclockwise.
Tools available
MS Office Power BI Illustrator D3.js Matplotlib RDonut chart
Description
The donut chart is a variation of a pie charts, with the total amount divided into categories based on a proportional value. For the most part, there aren’t significant differences between a pie chart and a donut chart, so the choice of a donut over a standard circle is mostly aesthetic. One small advantage for the ring shape is that the central area can be used to show additional information such as the total amount figure. As with pie charts, donut charts can only display a small number of slices before becoming confusing.
When to use
Donut charts are used for the same purpose as pie charts, to make part-to-whole comparisons. Donut charts are more space-efficient than pie charts because the blank space inside a donut chart can be used to display information inside it.
Dos and donts
Make sure percentages add up to 100%.
Avoid legend and use direct labeling.
Include between two to five categories. If there are more than five, combine the smaller and less significant segments to create a fifth slice and label it “Other”. If the segments have to be represented separately, use a 100% stacked bar chart or horizontal bar chart instead.
Sort data in descending order, starting at the 12 o'clock point and moving clockwise. Or order data in a way that the largest section at 12 o’clock, then place the second biggest slice at 12 o’clock on the left, the rest would follow counterclockwise.
Tools available
MS Office Power BI Illustrator D3.js Matplotlib RGrid plot
Description
A grid plot is a type of visualization that shows progress towards a target or a completion percentage. The value (percentage) is represented by a grid of coloured small cells. Multiple grid plot can be put together to show the differences among percentages.
When to use
The grid plot can be used as an alternative to pie charts. It’s an easy approach to percentages that’s easier for readers to digest by eye than the angles in a pie wedge.
Dos and donts
Make sure percentages add up to 100%.
Don’t include too many categories (ideally two categories).
Avoid legend and use direct labelling.
Tools available
IllustratorPie chart
Description
A pie chart shows how a total amount is divided between different categorical variables as a circle divided into proportional segments. Each categorical value corresponds with a single slice of the circle, and each arc length indicates the proportion of each category.
When to use
Pie charts are best used for making part-to-whole comparisons with discrete or continuous data. The primary objective of a pie chart should be to compare each group’s contribution to the whole, as opposed to comparing groups to each other. If the above points are not satisfied, the pie chart is not appropriate, and a different plot type should be used instead. Furthermore, they only work well with a small number of slices, so they have a fairly narrow use case.
Dos and donts
Make sure percentages add up to 100%.
Avoid legend and use direct labeling.
Include between two to five categories. If there are more than five, combine the smaller and less significant segments to create a fifth slice and label it “Other”. If the segments have to be represented separately, use a 100% stacked bar chart or horizontal bar chart instead.
Sort data in descending order, starting at the 12 o'clock point and moving clockwise. Or order data in a way that the largest section at 12 o’clock, then place the second biggest slice at 12 o’clock on the left, the rest would follow counterclockwise.
Tools available
MS Office Power BI Illustrator D3.js Matplotlib RTreemap
Description
As a variation of a tree diagram, a treemap is meant to show hierarchical structure using the size of the rectangle to represent quantity. Each category is assigned a rectangle, with subcategories displayed inside the large rectangle, in proportionate size against each other. The area of the parent category is thus a sum of its sub-categories, with a clear part-to-whole relationship displayed.
When to use
A treemap can be used to display relative expenditures within a total budget, with the area of the squares representing the percentage of amounts allocated to each budget category.
Dos and donts
Make sure percentages add up to 100%.
Avoid legend and use direct labeling.
Include between two to five categories. If there are more than five, combine the smaller and less significant segments to create a fifth slice and label it “Other”. If the segments have to be represented separately, use a 100% stacked bar chart or horizontal bar chart instead.
Tools available
MS Office Power BI Illustrator D3.js Matplotlib RWaterfall
Description
A waterfall chart shows how an initial value is affected by a series of intermediate positive or negative values. It is also known as a bridge chart, cascade chart, flying bricks chart, or Mario chart. Conventionally, the initial and the final value columns often start on the horizontal axis, while the intermediate values are floating columns.
When to use
A waterfall chart is useful for understanding the gradual transition in the quantitative value of an entity that is subject to incremental changes. It can be used for various types of quantitative analysis, ranging from inventory analysis to performance analysis.
Dos and donts
Colour the floating columns properly to distinguish diverging values (e.g. green for positive values, red for negative values).
Connect columns with dotted lines.
Label the values exactly.