Update app.py

app.py

@@ -1,100 +1,156 @@
 import streamlit as st
 import pandas as pd
 import plotly.express as px
-from pathlib import Path
+import os
 
-# Set page configuration
-st.set_page_config(page_title="BowLChaL", layout="wide")
+# Streamlit App Configuration
+st.set_page_config(page_title="BowLChaL - Cricket Dashboard", layout="wide")
 
-# Load datasets
-@st.cache
-def load_data():
-    data_path = Path(__file__).parent / "data"
-    batting_df = pd.read_csv(data_path / "batting_stats.csv")
-    bowling_df = pd.read_csv(data_path / "bowling_stats.csv")
-    return batting_df, bowling_df
-
-batting_df, bowling_df = load_data()
-
-# Title with animation
-st.markdown(
-    """
-    <h1 style='text-align: center; font-size: 60px; color: #4CAF50;'>
-        BowLChaL
-    </h1>
+# Custom CSS for animations and transitions
+st.markdown("""
     <style>
+    /* General Styling */
+    body {
+        background-color: #f0f2f6;
+        font-family: 'Arial', sans-serif;
+    }
+    .title {
+        font-size: 3.5rem;
+        font-weight: bold;
+        color: #2c3e50;
+        text-align: center;
+        margin-bottom: 2rem;
+        animation: fadeInDown 1s ease-in-out;
+    }
+    .subheader {
+        font-size: 1.8rem;
+        color: #34495e;
+        margin-top: 2rem;
+        animation: fadeIn 1.5s ease-in-out;
+    }
+    .data-container {
+        background: linear-gradient(135deg, #ffffff, #e6ecf0);
+        border-radius: 15px;
+        padding: 20px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+        margin-bottom: 2rem;
+    }
+    .data-container:hover {
+        transform: translateY(-10px);
+        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
+    }
+    .select-box {
+        display: flex;
+        justify-content: center;
+        gap: 2rem;
+        margin-bottom: 2rem;
+        animation: slideInUp 1s ease-in-out;
+    }
+    .stSelectbox > div > div {
+        background-color: #3498db;
+        color: white;
+        border-radius: 10px;
+        padding: 10px;
+        transition: background-color 0.3s ease;
+    }
+    .stSelectbox > div > div:hover {
+        background-color: #2980b9;
+    }
+    /* Animations */
+    @keyframes fadeInDown {
+        0% { opacity: 0; transform: translateY(-20px); }
+        100% { opacity: 1; transform: translateY(0); }
+    }
     @keyframes fadeIn {
-        0% {opacity: 0;}
-        100% {opacity: 1;}
+        0% { opacity: 0; }
+        100% { opacity: 1; }
+    }
+    @keyframes slideInUp {
+        0% { opacity: 0; transform: translateY(20px); }
+        100% { opacity: 1; transform: translateY(0); }
     }
-    h1 {
-        animation: fadeIn 3s;
+    /* Dataframe Styling */
+    .stDataFrame {
+        border-radius: 10px;
+        overflow: hidden;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
     </style>
-    """,
-    unsafe_allow_html=True,
-)
+""", unsafe_allow_html=True)
+
+# Create a folder to save CSVs if not exists
+data_folder = "data"
+os.makedirs(data_folder, exist_ok=True)
 
-st.markdown("## Select a Team to View Player Statistics")
+# File paths
+batting_path = "Batting_10_Teams_Final.csv"
+bowling_path = "Bowling_10_Teams_Final.csv"
 
-# Extract unique teams
-teams = batting_df['Team'].unique()
+# Load saved CSVs
+batting_df = pd.read_csv(batting_path)
+bowling_df = pd.read_csv(bowling_path)
 
-# Display teams in a grid layout with animations
-cols = st.columns(5)
-for index, team in enumerate(teams):
-    with cols[index % 5]:
-        if st.button(team):
-            selected_team = team
+# Extract unique teams and players
+teams = sorted(set(batting_df['Country'].unique()).union(bowling_df['Country'].unique()))
 
-# If a team is selected, show player dropdown
-if 'selected_team' in locals():
-    st.markdown(f"### Players in {selected_team}")
-    team_players = batting_df[batting_df['Team'] == selected_team]['Player'].unique()
-    selected_player = st.selectbox("Select a Player", team_players)
+# Team and Player Selection (Moved to main body)
+st.markdown('<h1 class="title">BowLChaL</h1>', unsafe_allow_html=True)
+col_team, col_player = st.columns(2)
+with col_team:
+    team = st.selectbox("Select Team", teams, key="team_select")
+with col_player:
+    batting_players = batting_df[batting_df['Country'] == team]['player_name'].unique()
+    bowling_players = bowling_df[bowling_df['Country'] == team]['player_name'].unique()
+    players = sorted(set(batting_players).union(bowling_players))
+    player = st.selectbox("Select Player", players, key="player_select")
 
-    # Display player stats and visualizations
-    if selected_player:
-        st.markdown(f"## {selected_player}'s Statistics")
+# Filter data for the selected player
+player_batting = batting_df[(batting_df['player_name'] == player) & (batting_df['Country'] == team)]
+player_bowling = bowling_df[(bowling_df['player_name'] == player) & (bowling_df['Country'] == team)]
 
-        # Filter data for the selected player
-        player_batting_stats = batting_df[batting_df['Player'] == selected_player]
-        player_bowling_stats = bowling_df[bowling_df['Player'] == selected_player]
+# Display Player Performance Dashboard
+st.markdown(f'<h2 class="subheader">{player}\'s Performance Dashboard</h2>', unsafe_allow_html=True)
 
-        # Option to select stats type
-        stats_type = st.radio(
-            "Choose Stats to Display",
-            ('All Stats', 'Batting Stats', 'Bowling Stats')
-        )
+# Player Data Section
+st.markdown('<div class="data-container">', unsafe_allow_html=True)
+st.markdown('<h3 class="subheader">Player Data</h3>', unsafe_allow_html=True)
 
-        # Display Batting Stats
-        if stats_type in ['All Stats', 'Batting Stats']:
-            st.markdown("### Batting Statistics")
-            st.dataframe(player_batting_stats)
+if len(player_batting) > 0:
+    st.write("### Batting Data")
+    st.dataframe(player_batting.iloc[:min(17, len(player_batting)), :17])
+else:
+    st.write("No batting data available.")
 
-            # Example Plotly visualization for batting
-            fig = px.bar(
-                player_batting_stats,
-                x='Matches',
-                y='Runs',
-                title=f'Runs per Match for {selected_player}',
-                labels={'Runs': 'Runs Scored', 'Matches': 'Match Number'},
-                color_discrete_sequence=['#1f77b4']
-            )
-            st.plotly_chart(fig)
+if len(player_bowling) > 0:
+    st.write("### Bowling Data")
+    st.dataframe(player_bowling.iloc[:min(15, len(player_bowling)), :15])
+else:
+    st.write("No bowling data available.")
+st.markdown('</div>', unsafe_allow_html=True)
 
-        # Display Bowling Stats
-        if stats_type in ['All Stats', 'Bowling Stats']:
-            st.markdown("### Bowling Statistics")
-            st.dataframe(player_bowling_stats)
+# Batting Visualization
+if not player_batting.empty:
+    st.markdown('<div class="data-container">', unsafe_allow_html=True)
+    st.markdown('<h3 class="subheader">Batting Stats</h3>', unsafe_allow_html=True)
+    col1, col2 = st.columns(2)
+    with col1:
+        fig_bat_runs = px.bar(player_batting, x='Format', y='Runs', color='Format', title='Runs by Format')
+        st.plotly_chart(fig_bat_runs, use_container_width=True)
+    with col2:
+        fig_bat_sr = px.line(player_batting, x='Format', y='SR', title='Strike Rate by Format')
+        st.plotly_chart(fig_bat_sr, use_container_width=True)
+    st.markdown('</div>', unsafe_allow_html=True)
 
-            # Example Plotly visualization for bowling
-            fig = px.line(
-                player_bowling_stats,
-                x='Matches',
-                y='Wickets',
-                title=f'Wickets per Match for {selected_player}',
-                labels={'Wickets': 'Wickets Taken', 'Matches': 'Match Number'},
-                color_discrete_sequence=['#ff7f0e']
-            )
-            st.plotly_chart(fig)
+# Bowling Visualization
+if not player_bowling.empty:
+    st.markdown('<div class="data-container">', unsafe_allow_html=True)
+    st.markdown('<h3 class="subheader">Bowling Stats</h3>', unsafe_allow_html=True)
+    col3, col4 = st.columns(2)
+    with col3:
+        fig_bowl_wickets = px.bar(player_bowling, x='Format', y='Wickets', color='Format', title='Wickets by Format')
+        st.plotly_chart(fig_bowl_wickets, use_container_width=True)
+    with col4:
+        fig_bowl_eco = px.line(player_bowling, x='Format', y='Eco', title='Economy Rate by Format')
+        st.plotly_chart(fig_bowl_eco, use_container_width=True)
+    st.markdown('</div>', unsafe_allow_html=True)