We move.

Let us explore another interesting design. This design was also implemented in p5.js. In this design, designers are interested in the progression of match 'events' from the beginning of the match until final whistle. Recall, in earlier posts, designers mention that in the data at hand, 7 different match events were recorded. So designers are interested in visualizing the progression of each. All the match events were discussed in detail by Wyscout.

Figure 1: Progression of passes in the second half.

Figure 1 shows a static football pitch with white circles, which show a position at which a pass emanated from. Before getting onto the pitch, one needs to understand everything displayed outside the pitch. The first slider (just under the pitch), is a timer in seconds, which ranges from 0 to 2700. Why 2700? Theoretically, each half of a football match has 45 minutes, which translates to 2700 seconds. Recall match events were recorded at each second. Hence if the slider is at 0 it either means before the beginning of the game or before the beginning of the second half. The second sidebar ranges from 0 to 6, with each discrete number representing each of the 7 events. Programmers agreed that when the slider is at 0, then the event being studied is 'pass'. As one moves along the slider from left to right, they will be changing an event to monitor as the game progresses.

Because events on different matches were recorded, designers decided to put a button where the user can type in a match ID, which he or she wants to analyze. In this provided plot, designers randomly chose to analyze a football match with match ID '2499815'. The data was also recorded for different periods (first half or second half) of the game. First half was computed as '1H', while second half as '2H'. Hence it is up to the user to determine which side of the game they want to analyze.

The football pitch on Figure 1 shows the distribution of passes from the beginning of the second half ('2H') until about the middle of the second half. It looks as though by this time, the team that was attacking the left goal was more offensive because few passes happened in their own half compared to the team attacking the right goal post. We can also see that the front of 18 yard box of the right goal experience less passes compared to the left goal, which might also suggest more attacking by the team attacking the left side.