Update pages/1_Data_Card_and_Data_collection.py

pages/1_Data_Card_and_Data_collection.py

@@ -42,7 +42,8 @@ df = st.session_state.get("dataset")
 
 if df is not None:
     st.subheader("Dataset Preview:")
-    st.write(df)  # Display the first 5 rows
+    # Display the dataset with a center alignment
+    st.write(df, use_container_width=True)  # Set to use container width
 
     st.subheader("Info of the Dataset:")
     # Redirect the output of df.info() to a string buffer
@@ -50,14 +51,36 @@ if df is not None:
     df.info(buf=buffer)
     
     # Display the content in Streamlit
-    st.write(buffer.getvalue())
+    st.text(buffer.getvalue())
 
     st.subheader("Dataset Shape (Rows, Columns):")
     st.write(df.shape)
 else:
     st.info("No dataset found. Please upload a CSV file.")
+
+    st.markdown('''# About the Dataset
+
+## Description:
+This dataset provides insights into consumer electronics sales, featuring product categories, brands, prices, customer demographics, purchase behavior, and satisfaction metrics. It aims to analyze factors influencing purchase intent and customer satisfaction in the consumer electronics market.
+
+## Features:
+- **ProductID**: Unique identifier for each product.
+- **ProductCategory**: Category of the consumer electronics product (e.g., Smartphones, Laptops).
+- **ProductBrand**: Brand of the product (e.g., Apple, Samsung).
+- **ProductPrice**: Price of the product ($).
+- **CustomerAge**: Age of the customer.
+- **CustomerGender**: Gender of the customer (0 - Male, 1 - Female).
+- **PurchaseFrequency**: Average number of purchases per year.
+- **CustomerSatisfaction**: Customer satisfaction rating (1 - 5).
+- **PurchaseIntent** (Target Variable): Intent to purchase.
+
+## Conclusion:
+This dataset facilitates analysis on consumer behavior and purchase patterns in the consumer electronics sector, providing valuable insights into market dynamics and customer preferences.
+''')
+
 # Define the URL of the background image (use your own image URL)
 background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/xpoN_mbctlrQAgRU06EPt.jpeg"
+
 # Apply custom CSS for the background image and overlay
 st.markdown(
     f"""
@@ -80,12 +103,20 @@ st.markdown(
             background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
             z-index: -1;
         }}
-         /* Styling the content to ensure text visibility */
+        
+        /* Styling the content to ensure text visibility */
         .stMarkdown {{
-            color: white;  /* White text to ensure visibility */
-            font-size: 100px;  /* Adjust font size for better readability */
+            color: white;
+            font-size: 20px;  /* Adjust font size for better readability */
+            text-align: center; /* Center align the text */
+        }}
+        
+        /* Center align the dataset and info */
+        .stTable {{
+            margin: 0 auto;
+            text-align: center;
         }}
     </style>
     """, 
     unsafe_allow_html=True 
-)
+)