Visualizing the football field (p5.js)

SportsViz
Apr 19, 2021

--

To visualize the data, we make use of the p5.js language in javascript. One of the first visualizations we need to make is that of the football field. In a second phase we can then visualise our data onto it.

To visualise our data, we will use the map() function and an animated line() function. We will adapt the dataset in a way that the coordinates of the of the two points defining the line belong to the same tupple or record, which is currently not the case. We will also give a number to all events in the 3 minutes leading up to a goal, in order to be able to animate the trajectory of the football from the first event at T-3 minutes till the last event (goal) at T0.

--

--