Update pages/Data Collection.py

pages/Data Collection.py

@@ -1846,8 +1846,6 @@ elif st.session_state.current_page == "explore_csv":
     """, unsafe_allow_html=True)
     
     st.code("""
-    import pandas as pd
-    
     # Sample DataFrame
     data = pd.DataFrame({
         'sepal_length': [1.5, 1.4, 1.5],
@@ -1983,14 +1981,135 @@ elif st.session_state.current_page == "explore_json":
 
 elif st.session_state.current_page == "explore_xml":
     st.markdown("""
-        <h3 style="color: #e25822;">Exploring XML</h3>
+        <h3 style="color: #BB3385;">Extensible Markup Language(XML)</h3>
     """, unsafe_allow_html=True)
+    
     st.write("""
-    XML uses tags to structure semi-structured data.
+    - **XML (Extensible Markup Language)** is a markup language used to store and transport data.
+    - It is designed to be self-descriptive, making it easy to read and understand.
+    - XML uses a tree structure where data is organized into nested elements.
+    - Commonly used for:
+        - Configuration files
+        - Data interchange between systems
+        - Storing structured data
     """)
-    if st.button("Go Back"):
-        navigate_to("main")
 
+    st.markdown("""
+        <h3 style="color: #5b2c6f;">Element-wise XML Structure</h3>
+    """, unsafe_allow_html=True)
+    
+    st.write("""
+    An element-wise XML structure organizes data into nested elements, where each piece of information is an individual element.""")
+
+    st.code("""
+    <items>
+        <item>
+            <name>Item 1</name>
+            <price>100</price>
+            <category>Category A</category>
+        </item>
+        <item>
+            <name>Item 2</name>
+            <price>200</price>
+            <category>Category B</category>
+        </item>
+    </items>
+    """, language="xml")
+
+    st.code("""
+    
+    # Reading an element-wise XML file
+    df = pd.read_xml('element_structure.xml', xpath='/items/item')
+    print(df)
+    """, language="python")
+
+    st.write("""
+    **Output DataFrame**:
+    """)
+    
+    st.table({
+        'name': ['Item 1', 'Item 2'],
+        'price': [100, 200],
+        'category': ['Category A', 'Category B']
+    })
+    
+    st.write("""
+    ### Explanation of the `xpath` Parameter:
+    - `xpath='/items/item'`: Extracts all `<item>` elements from within `<items>`.
+    - Useful for XML structures with data organized by child elements.
+    """)
+
+
+    st.markdown("""
+        <h3 style="color: #5b2c6f;">Attribute XML Structure</h3>
+    """, unsafe_allow_html=True)
+    
+    st.write("""
+    An attribute XML structure stores data as attributes of tags, rather than as child elements.""")
+    
+    st.code("""
+    <items>
+        <item name="Item 1" price="100" category="Category A" />
+        <item name="Item 2" price="200" category="Category B" />
+    </items>
+    """, language="xml")
+    
+    st.code("""
+
+    # Reading an attribute-based XML file
+    df = pd.read_xml('attribute_structure.xml', xpath='/items/item')
+    print(df)
+    """, language="python")
+    
+    st.write("""
+    **Output DataFrame**:
+    """)
+    
+    st.table({
+        'name': ['Item 1', 'Item 2'],
+        'price': [100, 200],
+        'category': ['Category A', 'Category B']
+    })
+    
+    st.write("""
+    ### Explanation of the `xpath` Parameter:
+    - `xpath='/items/item'`: Extracts attributes of `<item>` elements.
+    - Useful for XML structures where data is stored in attributes instead of nested elements.
+    """)
+
+    st.markdown("""
+        <h3 style="color: #5b2c6f;">Exporting Element-wise XML Structure</h3>
+    """, unsafe_allow_html=True)
+    
+    st.code("""
+    
+    # Sample DataFrame
+    data = pd.DataFrame({
+        'name': ['Item 1', 'Item 2'],
+        'price': [100, 200],
+        'category': ['Category A', 'Category B']
+    })
+    
+    # Export the DataFrame to an element-wise XML file
+    data.to_xml('element_structure.xml', index=False, root_name='items', row_name='item')
+    """, language="python")
+
+    st.markdown("""
+    <h3 style="color: #5b2c6f;">Exporting Attribute XML Structure</h3>
+    """, unsafe_allow_html=True)
+    
+    st.code("""
+    
+    # Sample DataFrame
+    data = pd.DataFrame({
+        'name': ['Item 1', 'Item 2'],
+        'price': [100, 200],
+        'category': ['Category A', 'Category B']
+    })
+    
+    # Export the DataFrame to an attribute-based XML file
+    data.to_xml('attribute_structure.xml', index=False, root_name='items', row_name='item', attr_cols=['name', 'price', 'category'])
+    """, language="python")
 
 #--------------------------------------------------------- HTML --------------------------------------------------------------------------------