Update pages/Data Collection.py

pages/Data Collection.py

@@ -526,6 +526,9 @@ def image_details_page():
         ax.set_xlabel("Width(pixels)", fontsize=8)  # Set smaller font size
         ax.set_ylabel("Height(pixels)", fontsize=8)  # Set smaller font size
 
+         # Render the Plot
+        st.pyplot(fig)
+
     
         st.header("Color Spaces")
         
@@ -858,7 +861,26 @@ def image_details_page():
         """, language="python")
         
         st.image("https://huggingface.co/spaces/hari3485/DiveIntoML/resolve/main/Images/BGR%20to%20Split.jpg")
+
+        # Title of the app
+        st.markdown("""
+        <h3 style="color: #9400d3;">Converting colour spaces</h3>
+        """, unsafe_allow_html=True)
+
+        st.write("""
+            When working with image arrays, we might need to convert or modify their color spaces.  
+            OpenCV provides the `cv2.cvtColor()` method to achieve this. It allows us to change an image's color space to a desired format **BGR to Grayscale**.
+            """)
+
+        st.code("""
+        # Convert from BGR to Grayscale
         
+         img_gray = cv2.cvtColor(BGR_img, cv2.COLOR_BGR2GRAY)
+        """)
+
+        
+
+
         
         if st.button("Go Back"):
             st.experimental_set_query_params(page="Introduction")