Create app.py

app.py

@@ -0,0 +1,104 @@
+import urllib.request
+from urllib.error import HTTPError
+import requests
+from bs4 import BeautifulSoup
+import os
+import json
+import streamlit as st
+import pandas as pd
+from st_aggrid import AgGrid, GridOptionsBuilder, GridUpdateMode
+
+# Set Streamlit page configuration
+st.set_page_config(layout="wide")
+
+# Inject custom CSS to set the width of the container to 1250px
+st.markdown(
+    """
+    <style>
+    .main-container {
+        max-width: 1250px;
+        margin: 0 auto;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+# Wrap the main content in a container with the specified width
+st.markdown('<div class="main-container">', unsafe_allow_html=True)
+
+# Load the data
+df = pd.read_csv("2024_regular_data.csv", index_col=[0])
+df['batter_name_team'] = df['batter_name'] + ' - ' + df['batter_team']
+
+# Sample dictionary
+fielders = df.drop_duplicates(['batter_id']).sort_values(['batter_name']).set_index('batter_id')['batter_name_team'].to_dict()
+fielders_reversed = {v: k for k, v in fielders.items()}
+
+# Create a selectbox for selecting a key from the dictionary
+selected_fielder = st.selectbox("Select Fielder:", list(fielders_reversed.keys()))
+
+# Retrieve the corresponding pitcher ID
+fielder_select = fielders_reversed[selected_fielder]
+
+# Define the URL
+url = f'https://baseballsavant.mlb.com/savant-player/{fielder_select}?stats=statcast-r-fielding-mlb'
+
+# Make the GET request
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    print(response.status_code)
+else:
+    print(f"Failed to fetch data, status code: {response.status_code}")
+
+# Format the string as a JSON array
+text = response.text
+dict_catch = text.split('rangeLine')[1].split('data')[0].split('[')[1].split(']')[0]
+formatted_dict_catch = f'[{dict_catch}]'
+
+# Convert the formatted string to a list of dictionaries
+dict_catch_list = json.loads(formatted_dict_catch)
+
+df_catch = pd.DataFrame(dict_catch_list)
+df_catch['hang_time'] = df_catch['hang_time'].astype(float).round(1)
+df_catch['distance'] = df_catch['distance'].astype(float).round(1)
+
+df_merge = df.merge(df_catch, on='play_id', how='right', suffixes=('', '_fielder')).reset_index(drop=True)
+
+# Format the 'catch_rate' column as a percentage
+df_merge['catch_rate'] = df_merge['catch_rate'].astype(float).apply(lambda x: f"{x:.2%}")
+
+# Use a container to control the width of the AgGrid display
+with st.container():
+    st.write("### Fielder Data")
+    # Configure the AgGrid options
+    gb = GridOptionsBuilder.from_dataframe(df_merge[['batter_name', 'pitcher_name', 'name_display_first_last', 'event', 'out', 'wall', 'back', 'stars', 'distance', 'hang_time', 'catch_rate']])
+    gb.configure_selection('single', use_checkbox=True)
+    grid_options = gb.build()
+
+    # Display the dataframe using AgGrid
+    grid_response = AgGrid(
+        df_merge[['batter_name', 'pitcher_name', 'name_display_first_last', 'event', 'out', 'wall', 'back', 'stars', 'distance', 'hang_time', 'catch_rate']],
+        gridOptions=grid_options,
+        update_mode=GridUpdateMode.SELECTION_CHANGED,
+        height=300,
+        allow_unsafe_jscode=True,
+    )
+
+# Get the selected row index
+
+
+try:
+    # Update the video URL based on the selected row
+    selected_row_index = int(grid_response['selected_rows'].index.values[0])
+    a = requests.get(f'https://baseballsavant.mlb.com/sporty-videos?playId={df_merge["play_id"].values[selected_row_index]}')
+    soup = BeautifulSoup(a.content, 'lxml')
+    video_url = str(soup).split('<source src="')[1].split('" ')[0]
+    # Share the video through Streamlit
+    st.video(video_url)
+except AttributeError:
+    st.write("Select Row to Display Video")
+
+st.markdown('</div>', unsafe_allow_html=True)