File size: 3,587 Bytes
1a9e31e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34b9f66
 
 
 
1a9e31e
 
 
 
 
 
 
b4054df
 
40cc5af
b4054df
 
b25596d
 
 
 
 
 
7a111d4
 
 
f694a2c
b4054df
40cc5af
 
 
 
f694a2c
 
40cc5af
f694a2c
7a111d4
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import streamlit as st
import pandas as pd

st.markdown("""
    <style>
    /* Set a soft background color */
    body {
        background-color: #eef2f7;
    }
    /* Style for main title */
    h1 {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px;
    }
    /* Style for headers */
    h2 {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    
    /* Style for subheaders */
     h3 {
        color: red;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-top: 20px;
    }
    .custom-subheader {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
    }
    /* Paragraph styling */
    p {
        font-family: 'Georgia', serif;
        line-height: 1.8;
        color: black;
        margin-bottom: 20px;
    }
    /* List styling with checkmark bullets */
    .icon-bullet {
        list-style-type: none;
        padding-left: 20px;
    }
    .icon-bullet li {
        font-family: 'Georgia', serif;
        font-size: 1.1em;
        margin-bottom: 10px;
        color: black;
    }
    .icon-bullet li::before {
        content: "◆";
        padding-right: 10px;
        color: black;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
    /* Custom button style */
    .streamlit-button {
        background-color: #00FFFF;
        color: #000000;
        font-weight: bold;
    }
    </style>
    """, unsafe_allow_html=True)

st.subheader("UnStructured Data")
st.markdown("""
    Unstructured data refers to information that does not have a predefined format or organizational structure. Examples :
    <ul class="icon-bullet">
        <li>IMAGE🖼️ </li>
        <li>AUDIO🔊 </li>
        <li>VIDEO🎥 </li>
        <li>TEXT 🖹</li>
    </ul>
""", unsafe_allow_html=True)

st.sidebar.title("Navigation 🧭")
file_type = st.sidebar.radio(
    "Choose a file type :",
    ("IMAGE", "AUDIO", "VIDEO", "TEXT"))

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
    ''')