As discussed earlier, the final implementation of analyzing match events is an interactive design. The design was implemented in p5.js. The design was developed to understand the progression of match events. The designers arbitrarily decided to use data from the English Primer League for ease of computation. Had all the 7 proposed data sets been used, the data set would have been immense (3 251 294 rows), which result in undesirable computation time for the design. Hence choosing only 1 data set drastically reduces the computation time of the design, and of course, this better serves these demonstration purposes.
On it's default state, the design is a plain football field, which will be populated by white dots once the required information has been submitted. The timer runs through the entire half (45 minutes) of the game. With passes as the default, the drop-down list allows users to choose the event they want to be plotted on the football pitch. Because many matches are identified by a unique match ID, the user has to enter a specific match ID that they want to study. If the user does not specify the match ID, no statistics or graphics will be displayed even if the timer is moved. There are 380 different match IDs, which lie in the range [2499719, 2499720, 2499721, ..., 2500098]. Any value within that set is a valid match ID.
Another drop down is shown with a default value "1H". 1H means the first period, and 2H means the second period of the game. Hence the user is also allowed to switch between the first and the second period of the game. On the far right are all the 7 events under study and the time counter. As the game progresses, the actual time of the game and the cumulative counts of each event are presented next to each event. Once the user enters all the necessary information, a pie chart will also be displayed. This pie chart is constructed from the cumulative counts of each event and contains the information of all the events that would have happened at a particular time. This was done so that those who prefer graphics to numbers will also be satisfied.
For illustrative purposes, the designers used a match ID "2500098". This game was between West Ham United and Everton, played on May 13, 2018 at 4:00:00 PM GMT+2 at London Stadium. West Ham United won the match 3 - 1. If "1H" is specified and one moves the timer to 20 minutes, the counts of the events "pass", "foul", "duel", "free kick", "shot", "offside" and "other" would be [169, 3, 62, 16, 5, 2, 39], in that order. By that time, the game would have 169 passes, 2 offside calls, etc. If the second period is analyzed simultaneously, the result would be [172, 6, 92, 18, 3, 1, 41]. Comparing the 2 halves, the second period had produced 3 more passes and 3 more fouls. However, the shots produced were reduced to 3 from 5, and offside calls were also reduced by 1.