.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "gallery/pitch_plots/plot_arrows.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download_gallery_pitch_plots_plot_arrows.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr_gallery_pitch_plots_plot_arrows.py:


=======================
Pass plot using arrrows
=======================

This example shows how to plot all passes from a team in a match as arrows.

.. GENERATED FROM PYTHON SOURCE LINES 8-19

.. code-block:: Python


    from mplsoccer import Pitch, FontManager, Sbopen
    from matplotlib import rcParams
    import matplotlib.pyplot as plt

    rcParams['text.color'] = '#c7d5cc'  # set the default text color

    # get event dataframe for game 7478
    parser = Sbopen()
    df, related, freeze, tactics = parser.event(7478)








.. GENERATED FROM PYTHON SOURCE LINES 20-21

Boolean mask for filtering the dataset by team

.. GENERATED FROM PYTHON SOURCE LINES 21-25

.. code-block:: Python


    team1, team2 = df.team_name.unique()
    mask_team1 = (df.type_name == 'Pass') & (df.team_name == team1)








.. GENERATED FROM PYTHON SOURCE LINES 26-27

Filter dataset to only include one teams passes and get boolean mask for the completed passes

.. GENERATED FROM PYTHON SOURCE LINES 27-31

.. code-block:: Python


    df_pass = df.loc[mask_team1, ['x', 'y', 'end_x', 'end_y', 'outcome_name']]
    mask_complete = df_pass.outcome_name.isnull()








.. GENERATED FROM PYTHON SOURCE LINES 32-33

View the pass dataframe.

.. GENERATED FROM PYTHON SOURCE LINES 33-36

.. code-block:: Python


    df_pass.head()






.. raw:: html

    <div class="output_subarea output_html rendered_html output_result">
    <div>
    <style scoped>
        .dataframe tbody tr th:only-of-type {
            vertical-align: middle;
        }

        .dataframe tbody tr th {
            vertical-align: top;
        }

        .dataframe thead th {
            text-align: right;
        }
    </style>
    <table border="1" class="dataframe">
      <thead>
        <tr style="text-align: right;">
          <th></th>
          <th>x</th>
          <th>y</th>
          <th>end_x</th>
          <th>end_y</th>
          <th>outcome_name</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>20</th>
          <td>11.0</td>
          <td>80.0</td>
          <td>29.0</td>
          <td>68.0</td>
          <td>NaN</td>
        </tr>
        <tr>
          <th>22</th>
          <td>29.0</td>
          <td>67.0</td>
          <td>58.0</td>
          <td>80.0</td>
          <td>Out</td>
        </tr>
        <tr>
          <th>28</th>
          <td>56.0</td>
          <td>68.0</td>
          <td>75.0</td>
          <td>77.0</td>
          <td>NaN</td>
        </tr>
        <tr>
          <th>37</th>
          <td>95.0</td>
          <td>80.0</td>
          <td>110.0</td>
          <td>56.0</td>
          <td>NaN</td>
        </tr>
        <tr>
          <th>40</th>
          <td>109.0</td>
          <td>56.0</td>
          <td>106.0</td>
          <td>54.0</td>
          <td>Incomplete</td>
        </tr>
      </tbody>
    </table>
    </div>
    </div>
    <br />
    <br />

.. GENERATED FROM PYTHON SOURCE LINES 37-38

Plotting

.. GENERATED FROM PYTHON SOURCE LINES 38-61

.. code-block:: Python


    # Set up the pitch
    pitch = Pitch(pitch_type='statsbomb', pitch_color='#22312b', line_color='#c7d5cc')
    fig, ax = pitch.draw(figsize=(16, 11), constrained_layout=True, tight_layout=False)
    fig.set_facecolor('#22312b')

    # Plot the completed passes
    pitch.arrows(df_pass[mask_complete].x, df_pass[mask_complete].y,
                 df_pass[mask_complete].end_x, df_pass[mask_complete].end_y, width=2,
                 headwidth=10, headlength=10, color='#ad993c', ax=ax, label='completed passes')

    # Plot the other passes
    pitch.arrows(df_pass[~mask_complete].x, df_pass[~mask_complete].y,
                 df_pass[~mask_complete].end_x, df_pass[~mask_complete].end_y, width=2,
                 headwidth=6, headlength=5, headaxislength=12,
                 color='#ba4f45', ax=ax, label='other passes')

    # Set up the legend
    ax.legend(facecolor='#22312b', handlelength=5, edgecolor='None', fontsize=20, loc='upper left')

    # Set the title
    ax_title = ax.set_title(f'{team1} passes vs {team2}', fontsize=30)




.. image-sg:: /gallery/pitch_plots/images/sphx_glr_plot_arrows_001.png
   :alt: OL Reign passes vs Houston Dash
   :srcset: /gallery/pitch_plots/images/sphx_glr_plot_arrows_001.png
   :class: sphx-glr-single-img





.. GENERATED FROM PYTHON SOURCE LINES 62-64

Plotting with grid.
We will use mplsoccer's grid function to plot a pitch with a title and endnote axes.

.. GENERATED FROM PYTHON SOURCE LINES 64-99

.. code-block:: Python

    fig, axs = pitch.grid(endnote_height=0.03, endnote_space=0, figheight=12,
                          title_height=0.06, title_space=0, grid_height=0.86,
                          # Turn off the endnote/title axis. I usually do this after
                          # I am happy with the chart layout and text placement
                          axis=False)
    fig.set_facecolor('#22312b')

    # Plot the completed passes
    pitch.arrows(df_pass[mask_complete].x, df_pass[mask_complete].y,
                 df_pass[mask_complete].end_x, df_pass[mask_complete].end_y, width=2, headwidth=10,
                 headlength=10, color='#ad993c', ax=axs['pitch'], label='completed passes')

    # Plot the other passes
    pitch.arrows(df_pass[~mask_complete].x, df_pass[~mask_complete].y,
                 df_pass[~mask_complete].end_x, df_pass[~mask_complete].end_y, width=2,
                 headwidth=6, headlength=5, headaxislength=12,
                 color='#ba4f45', ax=axs['pitch'], label='other passes')

    # fontmanager for Google font (robotto)
    robotto_regular = FontManager()

    # Set up the legend
    legend = axs['pitch'].legend(facecolor='#22312b', handlelength=5, edgecolor='None',
                                 prop=robotto_regular.prop, loc='upper left')
    for text in legend.get_texts():
        text.set_fontsize(25)

    # endnote and title
    axs['endnote'].text(1, 0.5, '@your_twitter_handle', va='center', ha='right', fontsize=20,
                        fontproperties=robotto_regular.prop, color='#dee6ea')
    axs['title'].text(0.5, 0.5, f'{team1} passes vs {team2}', color='#dee6ea',
                      va='center', ha='center',
                      fontproperties=robotto_regular.prop, fontsize=25)

    plt.show()  # If you are using a Jupyter notebook you do not need this line



.. image-sg:: /gallery/pitch_plots/images/sphx_glr_plot_arrows_002.png
   :alt: plot arrows
   :srcset: /gallery/pitch_plots/images/sphx_glr_plot_arrows_002.png
   :class: sphx-glr-single-img






.. rst-class:: sphx-glr-timing

   **Total running time of the script:** (0 minutes 0.613 seconds)


.. _sphx_glr_download_gallery_pitch_plots_plot_arrows.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: plot_arrows.ipynb <plot_arrows.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: plot_arrows.py <plot_arrows.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: plot_arrows.zip <plot_arrows.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_