Percentage of Ball Possession and a Bar to Represent It

This tutorial is specific to our newest product, Hudl Sportscode. If you’re on Sportscode v11, use these resources instead or upgrade today.

Example Used:

In this example we will show how to create a bar chart to display the percentage of the ball possession of each team.


Commands Used

  • $this_button
  • Length Instances
  • Round
  • Button Color
  • If (Statements)
  • @"button_id"

How-to:

  1. Create two inactive buttons assign the ID to each button: “aposs” and “bposs”.

  2. Give these buttons the following script to calculate each team's possession:

    $home = length instances where row = #'aposs'
    This variable is where we will store the total possession of team A. We use the length command to get a total time value for the row #”aposs”. This row is determined using the button ID of the button with name “A POSS” which ID = aposs.

    $away = length instances where row = #'bposs'
    We follow the same logic as for the $home variable, but this time to get the possession of team B.

    $total = $home + $away
    We use this variable to get the total length for both rows.

    $percent = $away / $total
    In this variable we divide one team’s possession by the total in order to be able to produce the percentage later.

    $percentname = ROUND ($percent*100,0)
    The round command will allow us to get the first number inside the parenthesis, in this case our $percent multiplied by 100 to get the %, with 0 decimals to have a final rounded number.

    show $percentname
    Finally we show the output of the number calculated in the variable $percentname that will be the percentage.

  3. Create two buttons. Assign each a color using the palette of the inspector and give each a button ID: “color1” and “color2”. We will use these buttons later to assign the colors to the bar graph.

  4. Create 50 inactive buttons for the bar graph (each % increment will be a 2% increment). Assign a name to each button from 1 to 99 with a difference of 2 between each: 1, 3, 5, etc...

  5. Give the following script to each of the 50 buttons:

    $a = number ($this_button)
    We use the $THIS_BUTTON command to pull in the button’s name, but we are also telling the button it is a number.

    $b = $a +1
    Here we get the number of the $a variable and add 1 to it.

    $c = @"aposs"
    With the @”aposs” we get the output of the button that has ID = aposs.

    $d = @"bposs"
    This gets the result of the button that has ID = bposs.

    if($b <= $c, button color #"color1", button color #"color2")
    With the IF statement, we check if $b is equal or less than the result of $c. If this is true the button will change to the same color as the button we created at the beginning that has ID = color1. In any other case it will change the color to the same color of the button with ID = color2.

  6. To approve the appearance of the bar, adjust the button stroke width to zero by highlighting all buttons and mass changing to zero.