SAP DESIGN GUILD
Skyline Graphs - Appendix

Skyline Graphs –Appendix

The Data

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

 

Pie Charts

Chart 1 (before)
Figure 1: "Before" pie chart (created in Excel)
Figure 2: "After" pie chart (created in Excel)

 

Bar Chart

It can also be presented using a horizontal bar graph with two columns for each item and each column representing one data row:

Dual horizontal bar chart

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

 

Motivation of the Skyline Chart

Skyline

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

 

Explorations with Processing

Relative Changes

Skyline Graph

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

Skyline Graph

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

Absolute Changes

Skyline graph (RENOIR)

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

Skyline graph (RENOIR)

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

Final Skyline Chart

Skyline graph

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

Skyline graph

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