Update pages/Data Collection.py

pages/Data Collection.py

@@ -148,32 +148,61 @@ elif page == "Basic Operations":
 
 
 elif page =="Converting Image to Black&White ,BGR & Gray SCale":
-    
+
     from PIL import Image
     
-    # Title of the Streamlit app
-    st.title("Image Handling in OpenCV")
+    # Title of the app
+    st.header("Black & White Images")
+    
+    # Display the code
+    st.subheader("Code to Create and Display Black & White Images")
+    code = """
+    import numpy as np
+    import streamlit as st
+    
+    # Create images
+    white_img = np.full((500, 500), 255, dtype=np.uint8)  # White image
+    black_img = np.zeros((500, 500), dtype=np.uint8)      # Black image
+    
+    # Display images in Streamlit
+    st.subheader("White Image")
+    st.image(white_img, caption="White Image", use_column_width=True)
+    
+    st.subheader("Black Image")
+    st.image(black_img, caption="Black Image", use_column_width=True)
+    """
+    st.code(code, language="python")
+    
+    # Create images
+    white_img = np.full((500, 500), 255, dtype=np.uint8)  # White image
+    black_img = np.zeros((500, 500), dtype=np.uint8)      # Black image
+    
+    # Display images in Streamlit
+    st.subheader("White Image")
+    st.image(white_img, caption="White Image", use_column_width=True)
+    
+    st.subheader("Black Image")
+    st.image(black_img, caption="Black Image", use_column_width=True)
+    
+    st.header("Image Handling in OpenCV")
     st.write("Explore Grayscale and BGR Image Creation and Display.")
     
     # Section 1: Grayscale Image
     st.header("Grayscale Image Creation")
-    
+    st.code("""
     # Grayscale image creation
     gray_img = np.full((500, 500), 155, dtype=np.uint8)
     gray_pil = Image.fromarray(gray_img)
     
-    # Display in Streamlit
-    st.image(gray_pil, caption="Gray Image in Streamlit", use_column_width=True)
-    
-    # Button for OpenCV display
-    if st.button("Show Gray Image using OpenCV"):
-        cv2.imshow("Gray Image", gray_img)
-        cv2.waitKey(0)
-        cv2.destroyAllWindows()
+    # Display in OpenCV
+    cv2.imshow("Gray Image", gray_img)
+    cv2.waitKey(0)
+    cv2.destroyAllWindows()
+    """, language="python")
     
     # Section 2: BGR Channels
     st.header("BGR Color Channels")
-    
+    st.code("""
     # Creating BGR channels
     blue_channel = cv2.merge([
         np.full((300, 300), 255, dtype=np.uint8),  # Blue
@@ -190,57 +219,22 @@ elif page =="Converting Image to Black&White ,BGR & Gray SCale":
         np.zeros((300, 300), dtype=np.uint8),     # Green
         np.full((300, 300), 255, dtype=np.uint8)  # Red
     ])
+    """, language="python")
     
-    # Convert for Streamlit
-    blue_pil = Image.fromarray(blue_channel)
-    green_pil = Image.fromarray(green_channel)
-    red_pil = Image.fromarray(red_channel)
-    
-    # Display in Streamlit
-    st.subheader("BGR Channels in Streamlit")
-    col1, col2, col3 = st.columns(3)
-    with col1:
-        st.image(blue_pil, caption="Blue Channel", use_column_width=True)
-    with col2:
-        st.image(green_pil, caption="Green Channel", use_column_width=True)
-    with col3:
-        st.image(red_pil, caption="Red Channel", use_column_width=True)
-    
-    # Buttons for OpenCV display
-    if st.button("Show Blue Channel using OpenCV"):
-        cv2.imshow("Blue Channel", blue_channel)
-        cv2.waitKey(0)
-        cv2.destroyAllWindows()
-    
-    if st.button("Show Green Channel using OpenCV"):
-        cv2.imshow("Green Channel", green_channel)
-        cv2.waitKey(0)
-        cv2.destroyAllWindows()
-    
-    if st.button("Show Red Channel using OpenCV"):
-        cv2.imshow("Red Channel", red_channel)
-        cv2.waitKey(0)
-        cv2.destroyAllWindows()
-    
-    # Section 3: Read and Display an Image
-    st.header("Read and Display an Image")
-    
-    # Image upload
-    uploaded_file = st.file_uploader("Upload an image to display", type=["png", "jpg", "jpeg"])
-    if uploaded_file:
-        # Convert to OpenCV format
-        file_bytes = np.asarray(bytearray(uploaded_file.read()), dtype=np.uint8)
-        img = cv2.imdecode(file_bytes, cv2.IMREAD_GRAYSCALE)  # Read as grayscale for example
-        st.image(img, caption="Uploaded Image in Grayscale", use_column_width=True)
-    
-        # Button to display using OpenCV
-        if st.button("Show Uploaded Image using OpenCV"):
-            cv2.imshow("Uploaded Image", img)
-            cv2.waitKey(0)
-            cv2.destroyAllWindows()
+    st.code("""
+    # Display in OpenCV
+    cv2.imshow("Blue Channel", blue_channel)
+    cv2.waitKey(0)
+    cv2.destroyAllWindows()
     
-
+    cv2.imshow("Green Channel", green_channel)
+    cv2.waitKey(0)
+    cv2.destroyAllWindows()
+    
+    cv2.imshow("Red Channel", red_channel)
+    cv2.waitKey(0)
+    cv2.destroyAllWindows()
+    """, language="python")
     
-
     if st.button("Go Back"):
         st.experimental_set_query_params(page="Introduction")