Update pages/7_Advance_vectorization_techniques.py

pages/7_Advance_vectorization_techniques.py

@@ -497,8 +497,53 @@ elif file_type == "Fasttext":
     unsafe_allow_html=True,
     )
 
+    st.markdown(
+    """
+        <h3 style='color: #6A0572;'>Implementing CBOW with Character N-Grams</h3>
+        <ul>
+            <li><span class='highlight'>Window Size</span>: 5</li>
+            <li><span class='highlight'>Window</span>: 2</li>
+            <li><span class='highlight'>Slide</span>: 1</li>
+        </ul>
+        <p>A tabular format is created with <strong>context words</strong> and <strong>focus words</strong>.</p>
+    """,
+    unsafe_allow_html=True,
+    )
+
+    st.markdown(
+    """
+        <h3 style='color: #1D3557;'>Context Words & Focus Words</h3>
+        <pre style="background-color:#F7F7F7; padding: 10px; border-radius: 5px;">
+        Context Words: <app, pp, pl, le>  --> "is"
+        Focus Words:   <go, oo, od>  --> "good"
+        </pre>
+        <p>Here, <strong>&lt; &gt;</strong> are used to define word patterns for the machine to understand.</p>
+    """,
+    unsafe_allow_html=True,
+    )
 
+    st.markdown(
+    """
+        <h3 style='color: #6A0572;'>Vocabulary</h3>
+        <p>The vocabulary consists of <span class='highlight'>unique character n-grams</span>.</p>
+        <pre style="background-color:#F7F7F7; padding: 10px; border-radius: 5px;">
+        { keys: values }
+        where,
+        - Keys: Character n-grams
+        - Values: Vector representations
+        </pre>
+    """,
+    unsafe_allow_html=True,
+    )
 
-    st.markdown('''Example :
-    - 
-    ''')
+    st.markdown(
+    """
+        <h3 style='color: #6A0572;'> FastText Model</h3>
+        <ul>
+            <li>The dictionary created is the <span class='highlight'>FastText model</span>.</li>
+            <li>Text is broken down into <strong>character n-grams</strong> to generate vector representations.</li>
+            <li>It follows <span class='highlight'>element-wise addition</span>, giving an <strong>average 2D representation</strong> of the word.</li>
+        </ul>
+    """,
+    unsafe_allow_html=True,
+    )