Result page
The result page in the Adverse Impact calculator shows the calculated data.

Challenges
A list of some challenges we faced with this page.
Building the page

The creation of the page
Building this page required creating 4 functions.
In the first function we gather all the data in the groups dictionary and determine the stats of the largest group. This group will be the benchmark for the other groups.
​
From this data the frames get build in 3 functions.
Determining the majority group

The method of finding the majority group
In order to find the majority group every group gets passed through a check. The 4th value is the boolean telling us if the group is unknown. if it's false the numbers get checked. When the numbers are greater than the current majority group stats, they become the new majority group stats.
​
If there is a group where the total numbers are equal. The group with the largest selection becomes the majority group.
​
When every group has passed the check the current majority group stats are rounded off for later use.
Frame 1 base
.png)
The base XAML of the first table
Because the group names and numbers are unpredictable a lot of the frame building happens in the code behind. However the titles and beginning of the frames are always the same.
Therefore the beginning of the grid is already set up in the XAML code.
Frame 1 building

Adding the groups to the frame 1 base
The variable "i" will be used to place the elements in the correct row. It starts at 4 because the first rows are already prepared in the XAML code. New definitions are added for 2 rows: One containing the group data and one to add an underline that will be added every other row. The group name is added to column 0.
​
If the group is unknown, the row is filled with the translation of "unknown" and a "/" is added where the numbers would be in columns 1, 2 and 3.
When the group is known the numbers are converted to a string, and get added to columns 1 and 2. The selection rate is then calculated by dividing the selection number with the total number. The selection rate gets converted to a percentage. Both get added into a string and are placed in the 4th column.
These numbers also get added to a dictionary containing the selection ratios. This dictionary is later used to populate the charts when visualizing the data.
​
The variable "i" is increased to start the next row. A green box is added spanning the 4 columns. Finally "i" is increased to begin the next row adding the next group.
​
​