Update pages/7_Unstructured_data.py

pages/7_Unstructured_data.py

@@ -95,83 +95,11 @@ file_type = st.sidebar.radio(
 
 if file_type == "IMAGE":
     st.title("Image 🖼️")
-    st.markdown('''
-    - Image is a 2D representation of a visible light spectrum which is collection of wavelength values
-    - Image in unstructured data refers to a visual file that lacks a predefined format or schema for its content
-    - Its information, such as shapes, colors, or objects, is not inherently organized for traditional databases typically requires specialized tools or algorithms (like image processing or machine learning) to extract meaningful insights.
-    ''')
-    st.header('**How an image is formed**')
-    st.subheader('''**Source of light**''')
-    st.markdown('''
-    - 2D grid like structure which is divided by horizontal and vertical lines
-    - Every grid is pixel
-    - Every pixel is a feature and the information can be shapes, patterns, color
-    - Height * width = pixels
-    ''')
-    st.markdown('''
-    - As no.of rows , columns or height and width increases --> pixel increases 
-    - As pixel increases there is more information  --> gives higher clarity
-    - As resolution increases --> clarity of pixels increases
-    - Every single image is considered as a data point and each grid or pixel is a feature
-    - Tabular structure and grid like structure has similar structure but different in interpretation
-    ''')
-    st.header('**Color Spaces**')
-    st.markdown('''
-    - It is a technique by using which we can represent the colors of an image
-    - Edges are created because of the difference in colors (changing intensities of color)
-    - Image is converted to numerical form for this color space is used
-    ''')
-    st.subheader('**Types of Color Spaces**')
     st.markdown("""
-    There are 3 types of Color Spaces
-    <ul class="icon-bullet">
-        <li>Black & White Color Space </li>
-        <li>Gray Scale Color Space </li>
-        <li>RGB Color Space </li>
-    </ul>
-""", unsafe_allow_html=True)
-    st.header('**Black & White Color Space**')
-    st.markdown('''
-    - It preserves only two colors which are **black(0) and white(1)**
-    - For converting image into numerical as the image is 2D format numpy is used
-    - Here there is no color preservation
-    - As image is represented in 0's and 1's which will be only in black and white in grid format
-    - To neglect the color preservation of black and white color space next gray scale is used
-    ''')
-    st.header('**Gray Scale Color Space**')
-    st.markdown('''
-    - It preserves total 256 colors which is [0 - 255] 
-    - Where 0 represent black and 255 represent white , [1 - 255] --> shades of grey color
-    - If the image is colored then the both gray scale and colorspace are not used
-    - Gray scale converts to different shades of gray
-    - Black and white converts to either black or white
-    ''')
-    st.header('**RGB Color Space**')
-    st.markdown('''
-    - While converting image to numerical it can't convert as it has 3 colors --> as it converts to 3D array
-    - There are 3 channels in RGB Color Space
-    - **Red Channel**
-    - **Green Channel**
-    - **Blue Channel**
-    ''')
-    st.subheader('**Red Channel**')
-    st.markdown('''
-    - It is 2D array which has [0 - 255]
-    - 0 means black and 255 is red , [0 - 255] between is shades of red
-    - Red channel is taken and kept at depth of 1 --> depth always represents color 
-    - As it is always constant
-    ''')
-    st.subheader('**Green Channel**')
-    st.markdown('''
-    - It is 2D array which has [0 - 255]
-    - 0 means black and 255 is green , [0 - 255] between is shades of green
-    - Red channel is taken and kept at depth of 2 --> depth always represents color 
-    - As it is always constant
-    ''')
-    st.subheader('**Blue Channel**')
-    st.markdown('''
-    - It is 2D array which has [0 - 255]
-    - 0 means black and 255 is blue , [0 - 255] between is shades of blue
-    - Red channel is taken and kept at depth of 3 --> depth always represents color 
-    - The combination of 3 chnnels give 3D array where depth represents color and it is always constant
-    ''')
+    Images - A form of Unstructured data since they have no well defined Pattern or Structures. 
+    Images can do contain certain patterns, objects that can be used to recognize, classify, and predict few emotions and information.
+    """,unsafe_allow_html=True)
+
+    st.sidebar.header("Explore Image Data ✨")
+    data_type1 = st.sidebar.radio("Select Information", ["Image Information","Basic Operations", "Color Space"
+                                                         ,"Video Capture","Image Augumentation"])