The XY Grids in tag templates allow users to collect and display their own XY data in Focus. Any background image can be used for this workflow, and data can be entered into and read, from fully customizable label groups.
Creating the XY Grid
To add an XY grid to your tag template, select the appropriate item in the tag template designer. Next, choose the image you want to use for your data collection and display workflow. You will be able to resize and reposition the XY grid just like any other tag template element.
Setting the Area
By default, the data collection and display area is set as the entire image. In certain cases, however, this might be undesired. The area can be adjusted by clicking the SET button next to Area in the Behaviour Properties panel.
To set the area, simply click and drag to create a rectangular zone on top of your image. After releasing the mouse button, you will be able to resize the area using one of the 8 provided handles. You can also redraw the zone.
When finished, click the SET button again, or click anywhere outside of your XY grid to accept the changes.
The (0, 0) Coordinate option in the Behaviour Properties panel allows you to specify the location of the (0, 0) Coordinate. By default, it is set to the bottom-left corner of the area.
Adjusting Label Groups
The XY grids will enter data into (and read it from) specific label groups associated with timeline tags. To edit the default names, select Label Group Names from the Behaviour Properties panel.
There, you will be able to adjust the label group names used by that specific grid for the X, Y, End X, and End Y coordinates.
The default values are in line with the naming convention used by MatchTracker, meaning that MatchTracker data (including live) can be seamlessly leveraged in Focus sessions.
Multiple XY grids in the same template can use different label groups. This allows users to collect distinct XY data points for individual tags, such as shot location followed by goalmouth coordinates.
Data Collection
To collect XY data using your grid, select Mode > Data Collection from the Behaviour Properties panel.
Now, navigate to your session and create or select the tag you want to add the XY data to.
A single click anywhere on your XY grid will enter the appropriate values into your X, Y label groups, leaving the End X and End Y label groups empty. This is useful for events that don’t have a specific End XY, for example tackles or headers.
Click and drag anywhere on your XY grid to enter data into all four label groups, effectively creating an event with start and end coordinates.
When collecting XY data, there is a brief window of time between interacting with the grid and the data being entered into the tag. This allows you to reposition the event by clicking and dragging one of the provided handles, if necessary.
Displaying Data for Tags Selected on the Timeline
To display XY data for tags selected on the timeline, select Mode > Display (Dynamic) from the Behaviour Properties panel.
Now, the XY grid will display the data for any tags you select on the timeline. This can be one or multiple tags.
Single-click on any of the events will bring up a tooltip allowing you to identify the event.
CMD (or Control on Windows) + Click + Drag on the highlighted handles allows you to reposition the event.
Double-click on any of the events to play the corresponding tag on the timeline.
Displaying Data for a Specified Tag Type
To display data for a specified tag type, regardless of the timeline selection, select Mode > Display (Static) from the Behaviour Properties panel. Then, click EDIT next to Static Tag Types to define the types of events you want to display. This allows you to select one or multiple tag types, as well as any labels of interest.
Single-click on any of the events to bring up a tooltip allowing you to identify the event.
CMD (or Control on Windows) + Click + Drag on the highlighted handles allows you to reposition the event.
Double-click on any of the events to play the corresponding tag on the timeline.
Changing the Visual Appearance of an XY Grid
Each mode allows you to adjust the basic visual properties of the XY grid. To adjust annotation size, change the Annotation Size value in the Behaviour Properties panel.
To adjust the colour of your XY data point, change the value displayed next to the Annotation Colour option in the Behaviour Properties panel. For both Dynamic and Static display modes, make sure From Colour Picker is selected, otherwise you will not see the colour selector.
Both the Dynamic and the Static display modes allow you to base the colour of individual data points on the colour of the tags they are associated with. To use this functionality, select Show Colour From > From Tags in the Behaviour Properties panel.
Useful Tips
- You can adjust the most commonly used properties of your XY grid on the fly, without having to open the tag template designer. To do so, right-click on the XY grid to bring up the inspector window.
- To obtain consistent data, it is important to always consider the direction of play when collecting it. Some users might find it challenging if their team is playing in the opposite direction to the orientation of their XY grid. If that's the case, you can quickly rotate your grid without affecting the position of the (0,0) coordinate.
- The Display (Static) mode obeys the All Sessions setting, allowing you to populate your XY grids with data across multiple sessions. A similar effect can be achieved when using the Display (Dynamic) mode whilst in the List View for Multiple Sessions.
- The Obey Timeline Filer setting also influences the XY grids in the Display (Static) mode, allowing you to control what the grid is showing by applying various timeline filters. In this mode, any filter that is applied to the timeline, will also apply to the data displayed on the XY grids.