Update pages/Data Collection.py

pages/Data Collection.py

@@ -11,17 +11,17 @@ st.set_page_config(
 st.markdown("""
     <style>
     body, .stApp {
-        color: #4F4F4F; /* Replace with your desired font color */
-        background-color: #FFFFFF; /* Optional: Set a fixed background color */
+        color: #4F4F4F;
+        background-color: #FFFFFF;
     }
     h1, h2, h3, h4, h5, h6 {
-        color: #BB3385; /* Replace with your heading color */
+        color: #BB3385;
     }
     p {
-        color: #4F4F4F; /* Replace with your paragraph text color */
+        color: #4F4F4F;
     }
     ul li {
-        color: #4F4F4F; /* List item color */
+        color: #4F4F4F;
     }
     </style>
 """, unsafe_allow_html=True)
@@ -77,8 +77,6 @@ if data_type == "Structured Data":
     st.write("""
     **Structured data** refers to information that is organized and formatted in a predefined manner, making it easy to store, retrieve, and analyze.
     It is typically stored in tabular formats like rows and columns, where each field contains a specific type of information.
-    
-    This type of data is often used in relational databases and spreadsheets, where relationships between data points are explicitly defined.
     """)
 
     st.write("""
@@ -93,7 +91,6 @@ if data_type == "Structured Data":
     A database of students with fields like ID, name, age, and gender:
     """)
 
-    # Display Structured Data Table
     student_data = {
         "Id": [100, 101, 102, 103],
         "Name": ["Lakshmi Harika", "Varshitha", "Hari Chandan", "Shamitha"],
@@ -102,10 +99,7 @@ if data_type == "Structured Data":
     }
     df = pd.DataFrame(student_data)
     st.markdown(df.style.set_table_styles(
-        [{
-            'selector': 'thead th',
-            'props': 'font-weight: bold;'
-        }]
+        [{'selector': 'thead th', 'props': 'font-weight: bold;'}]
     ).hide(axis="index").to_html(), unsafe_allow_html=True)
 
     st.markdown("""
@@ -133,8 +127,6 @@ elif data_type == "Unstructured Data":
     st.write("""
     **Unstructured data** refers to information that does not follow a predefined format or structure.
     It is typically raw data that lacks a clear, organized schema, making it harder to store and analyze using traditional tools.
-    
-    Examples include multimedia files (images, videos, audio), emails, and social media posts.
     """)
 
     st.write("""
@@ -145,8 +137,7 @@ elif data_type == "Unstructured Data":
     """)
 
     st.write("""
-    **Example:**
-    Examples of unstructured data include:
+    **Examples:**
     - **Images**: Photos, screenshots, or scanned documents.
     - **Audio**: Podcasts, voice recordings, or music files.
     - **Videos**: Recorded lectures, surveillance footage, or YouTube videos.
@@ -159,13 +150,80 @@ elif data_type == "Unstructured Data":
         </div>
     """, unsafe_allow_html=True)
 
+    if st.button("Explore Unstructured Data"):
+        st.write("Select a format to explore:")
+
+        # Sub-buttons for specific formats
+        col1, col2, col3, col4 = st.columns(4)
+
+        with col1:
+            if st.button("Images"):
+                st.write("Redirecting to Images page...")
+
+        with col2:
+            if st.button("Audio"):
+                st.write("Redirecting to Audio page...")
+
+        with col3:
+            if st.button("Video"):
+                st.write("Redirecting to Video page...")
+
+        with col4:
+            if st.button("Text"):
+                st.write("Redirecting to Text page...")
+
+# Semi-Structured Data Section
+elif data_type == "Semi-Structured Data":
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h3 style="color: #e25822;">What is Semi-Structured Data?</h3>
+        </div>
+    """, unsafe_allow_html=True)
+
     st.write("""
-    **Data Formats:**
-    - **Images**: Formats like JPEG, PNG, BMP, and TIFF.
-    - **Audio**: Formats like MP3, WAV, and FLAC.
-    - **Videos**: Formats like MP4, AVI, and MKV.
-    - **Text**: Formats like TXT, LOG, and DOCX.
+    **Semi-Structured data** refers to information that does not follow a strict tabular format but contains tags or markers to separate data elements.
+    This type of data is more flexible than structured data but still organized enough to allow for easier analysis than unstructured data.
     """)
 
-    if st.button("Explore Unstructured Data"):
-        st.write("You clicked the Unstructured Data button!")
+    st.write("""
+    **Characteristics:**
+    - Contains markers or tags (e.g., XML, JSON keys) to provide structure.
+    - More flexible than structured data, allowing for varying schemas.
+    - Easier to process than unstructured data.
+    """)
+
+    st.write("""
+    **Examples:**
+    - **CSV**: Comma-separated values in plain-text files.
+    - **JSON**: A lightweight data-interchange format used in web applications.
+    - **XML**: Extensible Markup Language for structured document encoding.
+    - **HTML**: Markup language for web pages.
+    """)
+
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Data Formats in Semi-Structured Data:</h4>
+        </div>
+    """, unsafe_allow_html=True)
+
+    if st.button("Explore Semi-Structured Data"):
+        st.write("Select a format to explore:")
+
+        # Sub-buttons for specific formats
+        col1, col2, col3, col4 = st.columns(4)
+
+        with col1:
+            if st.button("CSV"):
+                st.write("Redirecting to CSV page...")
+
+        with col2:
+            if st.button("JSON"):
+                st.write("Redirecting to JSON page...")
+
+        with col3:
+            if st.button("XML"):
+                st.write("Redirecting to XML page...")
+
+        with col4:
+            if st.button("HTML"):
+                st.write("Redirecting to HTML page...")