Update pages/Data_Collection.py

pages/Data_Collection.py

@@ -1,7 +1,7 @@
 import streamlit as st
 import pandas as pd
 import numpy as np
-import streamlit as st
+
 custom_css = """
 <style>
     html, body, [data-testid="stAppViewContainer"] {
@@ -24,8 +24,10 @@ custom_css = """
     }
 </style>
 """
+
 # Inject the CSS into the app
 st.markdown(custom_css, unsafe_allow_html=True)
+
 st.markdown("<h2 style='text-align: center; color: Black;'>📊🔍What is Data </h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -34,10 +36,10 @@ st.markdown(
     unsafe_allow_html=True
 )
 st.markdown("Data can come in various forms, including text, numbers, images, videos, or signals, and is usually categorized into three main types:")
-st.markdown("1.Structured data")
-st.markdown("2.Unstructured data")
-st.markdown("3.Semi Structured data")
-st.markdown(custom_css, unsafe_allow_html=True)
+st.markdown("1. Structured data")
+st.markdown("2. Unstructured data")
+st.markdown("3. Semi-Structured data")
+
 st.markdown("<h3 style='text-align: left; color: Black;'>📊Structured data </h3>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -45,23 +47,38 @@ st.markdown(
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h3 style='text-align: left; color: Black;'>🖼️Unstructured data </h3>", unsafe_allow_html=True)
-  if st.button("Unstructured data"):
-        st.switch_page("pages/Data_Collection.py")
-        display_lifecycle_stage(
-            "Data Collection",
-            "Gathering the data required for the machine learning project."
-        )
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
     "Does not follow a predefined structure, such as text documents, images, and videos."
     "</p>", 
     unsafe_allow_html=True
 )
+
 st.markdown("<h3 style='text-align: left; color: Black;'>🗂️Semi-Structured data </h3>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
     "Has elements of both structured and unstructured data, like JSON or XML files."
     "</p>", 
     unsafe_allow_html=True
-)
+)
+
+# Add buttons for each data type
+if st.button("Learn More About Structured Data"):
+    st.markdown(
+        "<p style='font-size: 16px; color: White;'>Structured data is stored in a well-defined schema, such as tables or databases. Common examples include Excel files, CSV files, and SQL databases.</p>", 
+        unsafe_allow_html=True
+    )
+
+if st.button("Learn More About Unstructured Data"):
+    st.markdown(
+        "<p style='font-size: 16px; color: White;'>Unstructured data includes multimedia files, text documents, and other formats that lack a predefined schema. Examples are images, videos, and free-text files.</p>", 
+        unsafe_allow_html=True
+    )
+
+if st.button("Learn More About Semi-Structured Data"):
+    st.markdown(
+        "<p style='font-size: 16px; color: White;'>Semi-structured data lies between structured and unstructured data. Formats like JSON, XML, and YAML are common examples of semi-structured data.</p>", 
+        unsafe_allow_html=True
+    )