Update pages/4_Model_Creation_and_Evaluation.py

pages/4_Model_Creation_and_Evaluation.py

@@ -0,0 +1,97 @@
+import streamlit as st
+import pandas as pd
+import numpy as np
+
+# Page configuration
+st.set_page_config(page_title="Predictive Modelling", layout="wide")
+
+# Title with centered alignment
+st.markdown(
+    """
+    <h1 style="text-align: center; color: white;">📱 Predictive Model Creation and Evaluation 💻</h1>
+    """, 
+    unsafe_allow_html=True
+)
+# Flowchart title
+st.markdown(
+    '<div class="title">Model Creation Flow</div>', 
+    unsafe_allow_html=True
+)
+
+# Flowchart GIF with 90% width
+st.markdown(
+    """
+    <div style="text-align: center;">
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/70th8t5_UUCWKu25u6F9s.gif" alt="model-creation-flowchart.gif" width="90%" />
+    </div>
+    """, 
+    unsafe_allow_html=True
+)
+df = st.session_state.get("dataset")
+
+# Exclude 'ProductID' from the dataset
+if df is not None:
+    df = df.drop(columns=['ProductID'], errors='ignore')  # Exclude 'ProductID' if it exists
+
+    st.subheader("Dataset Preview:")
+    st.write(df.head())
+
+    st.subheader("Info of the Dataset:")
+    # Redirect the output of df.info() to a string buffer
+    buffer = StringIO()
+    df.info(buf=buffer)
+    
+    # Display the content in Streamlit
+    st.write(buffer.getvalue())
+
+    st.subheader("Dataset Description:")
+    st.write(df.describe())
+
+    st.subheader("Shape of the Dataset:")
+    st.write(df.shape)
+
+
+# Custom title styling
+st.markdown(
+    """
+    <style>
+        .title {
+            color: white;  /* White color for better visibility */
+            font-size: 36px;  /* Large font size */
+            font-weight: bold;  /* Bold text */
+            text-align: center;  /* Center alignment */
+            margin-top: 20px;
+        }
+    </style>
+    """, 
+    unsafe_allow_html=True
+)
+
+
+
+# Custom background with overlay
+st.markdown(
+    """
+    <style>
+        .stApp {
+            background-image: url("https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/FVcAdQ1wc7rCkfdnFsZft.jpeg");
+            background-size: cover;
+            background-position: center;
+            height: 100vh;
+        }
+        
+        /* Semi-transparent overlay */
+        .stApp::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.4);  /* 40% transparency */
+            z-index: -1;
+        }
+    </style>
+    """, 
+    unsafe_allow_html=True
+)