Update pages/Data Collection.py

pages/Data Collection.py

@@ -573,6 +573,10 @@ def image_details_page():
         - To represent coloured image we have to convert image in 3D array , Mixture of three 2D arrays is **RGB**.
         - The value in each array ranges from R(0,255) ,G(0,255) ,B(0,255) 
         - By mixing different intensities of red, green, and blue,we can create over **16 million possible colors**.
+        - The **Red channel** has pixel values with red set to 255, and green and blue to 0. 
+        - The **Green channel** has pixel values with green set to 255, and red and blue to 0. 
+        - The **Blue channel** has pixel values with blue set to 255, and red and green to 0. 
+        - When merged, these channels form a complete color image.
         """)
 
         st.image("https://huggingface.co/spaces/hari3485/DiveIntoML/resolve/main/Images/rgb.jpg")
@@ -758,28 +762,6 @@ def image_details_page():
         cv2.waitKey(0)
         cv2.destroyAllWindows()
         """, language="python")
-        
-        # Section 2: Merge colors
-
-        st.markdown("""
-        <h3 style="color: #e25822;">Combining Color Channels</h3>
-        """, unsafe_allow_html=True)
-
-        # About cv2.merge() function
-        st.write("""
-        To create a full color image from separate single-channel images (such as Red, Green, and Blue), the **cv2.merge()** function is used.  
-        It combines individual color channels into a single, complete color image.
-        """)
-        
-        # Syntax example for cv2.merge()
-        st.code("""
-        # Combining individual color channels (Blue, Green, Red)
-        merged_image = cv2.merge([blue_channel, green_channel, red_channel]) 
-        # blue_channel, green_channel, red_channel are individual images representing the Blue, Green, and Red color channels
-        """, language="python")
-
-
-        st.image("https://huggingface.co/spaces/hari3485/DiveIntoML/resolve/main/Images/merging%20BGR.jpg")
 
         st.markdown("""
         <h3 style="color: #9400d3;">Creating a BGR image</h3>
@@ -867,10 +849,10 @@ def image_details_page():
                 <h3 style="color: #9400d3;">Combining Channels </h3>
             """, unsafe_allow_html=True)
 
+        
         st.write("""
-        The `cv2.merge()` function in OpenCV is used to combine separate single-channel arrays (such as the individual Red, Green, and Blue channels) into a single multi-channel image.  
-        This is particularly useful when you have split an image into its component channels and then want to reassemble them into the original format.  
-        For example, you can merge the individual Red, Green, and Blue channels back into a single RGB (or BGR in OpenCV) image.
+        To create a full color image from separate single-channel images (such as Red, Green, and Blue), the **cv2.merge()** function is used.  
+        It combines individual color channels into a single, complete color image.
         """)
 
         
@@ -885,17 +867,20 @@ def image_details_page():
             blue_channel = cv2.merge([b, zeros, zeros])    # The Blue channel has blue set to 255, and red and green to 0
             green_channel = cv2.merge([zeros, g, zeros])   # The Green channel has green set to 255, and red and blue to 0
             red_channel = cv2.merge([zeros, zeros, r])     # The Red channel has red set to 255, and green and blue to 0
+
             
             # Show the separate color channels and the original image
             cv2.imshow("Blue_channel", blue_channel)
             cv2.imshow("Green_channel", green_channel)
             cv2.imshow("Red_channel", red_channel)
-            cv2.imshow("Original_img", cv2.merge([b, g, r]))
+            cv2.imshow("merged_image", cv2.merge([blue_channel, green_channel, red_channel]))
             cv2.waitKey(0)
             cv2.destroyAllWindows()
         """, language="python")
 
 
+
+        st.image("https://huggingface.co/spaces/hari3485/DiveIntoML/resolve/main/Images/merging%20BGR.jpg")