| Data | 1 |
2 |
3 |
4 |
5 |
6 |
| Before | 10 |
20 |
30 |
15 |
15 |
10 |
| After | 15 |
15 |
20 |
20 |
23 |
7 |
Table 1: Two data sets for comparison
![]() |
![]() |
| Figure 1: "Before" pie chart (created in Excel) |
Figure 2: "After" pie chart (created in Excel) |
It can also be presented using a horizontal bar graph with two columns for each item and each column representing one data row:

Figure 3: Bar graph with "Before" and "After" bars (created in Excel)

Figure 4: Deriving the idea of skyline graphs (from Caemmerer's slides)

Figure 5a: Graph indicating relative changes (relative to "before") (created with Processing)
Figure 5b: Graph indicating relative changes (relative to "after") (created with Processing)

Figure 6a: Skyline graph indicating relative (height) and absolute (areas) changes (relative to "before") (created with Processing)

Figure 6b: Skyline graph indicating relative (height) and absolute (areas) changes (relative to "after") (created with Processing)

Figure 7a: Skyline graph indicating also absolute values (areas between 0% and 100%, "Before" = 100%) (created with Processing)

Figure 7b: Skyline graph indicating also absolute values (areas between 0% and 100%, "After" = 100%) (created with Processing)