# Chart Gallery - Part-to-a-whole

## Pie 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.

## Donut 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.

## 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%.

Stack no more than five categories.

Sort the data for easy comparing.

Use the horizontal version with long category labels

## Grid 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.

## Treemap

#### 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%.

Treemaps work well only when they contain data on one level.

Avoid legend and use direct labelling.

## Waterfall

#### 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.