Update app.py

app.py

@@ -1,55 +1,42 @@
 import streamlit as st
 import pandas as pd
 import base64
+import plotly.express as px
+import plotly.graph_objects as go
+import streamlit.components.v1 as components
 
-# 🎨 Set Custom Background
-def set_bg(image_file):
-    with open(image_file, "rb") as f:
-        img_data = f.read()
-    img_str = base64.b64encode(img_data).decode()
+# Function to Set Background
 
-    bg_style = f"""
+def set_bg():
+    bg_style = """
     <style>
-    .stApp {{
+    .stApp {
         background: linear-gradient(to right, #eef2ff, #c7d2fe);
         color: white;
-    }}
-    .text-box {{
-        background-color: rgba(0, 0, 0, 0.6);
-        padding: 20px;
-        border-radius: 10px;
-    }}
-    h1, h2, h4 {{
-        text-align: center;
-        color: orange;
-    }}
+    }
     </style>
     """
     st.markdown(bg_style, unsafe_allow_html=True)
 
-set_bg("11837165.png")
+# Apply background set_bg()
+set_bg()
 
-# 🏆 Title Section
-st.title("🏏 Cricket Team Players")
+# Page Title
+st.title("🏆 The Stats Pitch - Cricket Dashboard")
 
-# 📌 Introduction
-st.markdown("""
-## 🏆 Introduction to Team Players  
-Every successful cricket team is built on a strong foundation of talented players who contribute with their unique skills.  
-
-### **Player Categories:**  
-- **🏏 Batsmen:** Focus on scoring runs, anchoring innings, or aggressive hitting.  
-- **🎯 Bowlers:** Control opposition with pace or spin, aiming for wickets.  
-- **🔄 All-Rounders:** Contribute both with bat and ball for team balance.  
-- **🧤 Wicketkeepers:** Handle fielding behind the stumps while supporting batting.
-
-With a mix of experience and young talent, teams thrive on strategy, teamwork, and passion!  
-""")
-
-# 🎥 Animated Cricket Graphic
-st.markdown(
-    """
-    <div style="text-align: center;">
+# About Cricket Section
+col1, col2 = st.columns([2, 1])
+with col1:
+    st.subheader("🏏 About Cricket")
+    st.markdown("""
+    - Cricket is a globally celebrated sport, cherished for its thrilling matches and historic rivalries.  
+    - Originating in England, the game has evolved into a passion for millions. 🌍 
+    - Whether it's a nail-biting **T20 finish** or the endurance of a **Test match**, cricket brings together skill, strategy, and teamwork.  
+    - With formats ranging from **ODIs** to innovative leagues, cricket continues to captivate audiences and redefine sportsmanship.
+    """)
+with col2:
+    components.html(
+        """
         <dotlottie-player 
             src="https://lottie.host/04bff734-847b-4421-a180-197324166081/7WyVLEBZMa.lottie" 
             background="transparent" 
@@ -57,29 +44,69 @@ st.markdown(
             style="width: 200px; height: 200px;" 
             loop autoplay>
         </dotlottie-player>
-    </div>
-    """,
-    unsafe_allow_html=True
-)
+        """,
+        height=200,
+        width=200
+    )
+st.markdown("---")
+
+# Load Data (Ensure CSV files exist in the correct path)
+batting_df = pd.read_csv("Teams_batting.csv")
+bowling_df = pd.read_csv("team_bowling.csv")
+
+# Select Team and Player
+selected_team = st.selectbox("Select a Team:", batting_df["Team"].unique())
+selected_player = st.selectbox("Select a Player:", batting_df[batting_df["Team"] == selected_team]["Player"].unique())
+
+# Filter Data
+player_batting = batting_df[batting_df["Player"] == selected_player]
+player_bowling = bowling_df[bowling_df["Player"] == selected_player]
+
+# Display Player Stats
+st.markdown(f"## {selected_player} - Batting Performance")
+st.dataframe(player_batting)
+
+st.markdown(f"## {selected_player} - Bowling Performance")
+st.dataframe(player_bowling)
 
 st.markdown("---")
 
-# 📊 **Dashboard Summary**
-st.subheader("📊 Dashboard Summary")
-st.markdown("""
-This interactive dashboard presents career statistics with **modern visuals**:  
-- **Batting & Bowling Summaries:** Runs, wickets, strike rates, economy rates.  
-- **Smart Charts:** Bar graphs, pie charts, and trend analysis for easy insights.  
-- **Career Progression:** Track performance over different formats and years.  
-- **Compare Players:** Side-by-side performance comparison with key statistics.  
-- **Dynamic UI:** Dark theme charts and interactive filters for analysis.  
-""")
+# Visualizations
+st.markdown("## 📊 Performance Insights")
+
+# Batting Performance Charts
+if not player_batting.empty:
+    fig_scores = px.bar(
+        player_batting, x="Cricket Matches", y=["Runs", "Balls"],
+        title=f"{selected_player} - Runs & Balls Faced", barmode="group", text_auto=True,
+        color_discrete_sequence=["#FFA500"]
+    )
+    st.plotly_chart(fig_scores)
+    
+    fig_centuries = px.pie(
+        names=["50s", "100s", "200s", "300s", "400s"],
+        values=[player_batting["50s"].sum(), player_batting["100s"].sum(), player_batting["200s"].sum(),
+                player_batting["300s"].sum(), player_batting["400s"].sum()],
+        title=f"{selected_player} - Milestone Contributions",
+        hole=0.3, color_discrete_sequence=["#5DADEC", "#FFB6C1", "#FFD700", "#BA55D3", "#FFA07A"]
+    )
+    st.plotly_chart(fig_centuries)
+
+# Bowling Performance Charts
+if not player_bowling.empty:
+    fig_wickets = px.bar(
+        player_bowling, x="Cricket Matches", y=["Balls", "Maidens", "Wickets", "4w", "5w", "10w"],
+        title=f"{selected_player} - Bowling Statistics", barmode="group", text_auto=True,
+        color_discrete_sequence=["#FF4500"]
+    )
+    st.plotly_chart(fig_wickets)
 
 st.markdown("---")
 
-# 👨‍💻 **About the Author**
+# Sidebar Author Section
 st.sidebar.markdown("### 📌 Author Details")
 st.sidebar.markdown("**👤 Name:** Shweta Singh")  
-st.sidebar.markdown("**📧 Email:** singhshwet05@gmail.com")  
+st.sidebar.markdown("**📧 Email:** singhshwet05@gmail.com")
 
-st.markdown("🚀 **Made with ❤️ using Streamlit**")
+# Footer
+st.markdown("Made with ❤️ using Streamlit")