Update pages/Workflow & Model Overview.py

pages/Workflow & Model Overview.py

@@ -1,395 +1,395 @@
-import streamlit as st
-
-# Custom CSS for better styling
-st.markdown("""
-    <style>
-        .main-title {
-            font-size: 36px;
-            color: #4A90E2;
-            font-weight: bold;
-            text-align: center;
-        }
-        .sub-title {
-            font-size: 24px;
-            color: #4A90E2;
-            margin-top: 20px;
-        }
-        .section {
-            background-color: #f9f9f9;
-            padding: 15px;
-            border-radius: 10px;
-            margin-top: 20px;
-        }
-        .section h2 {
-            font-size: 22px;
-            color: #4A90E2;
-        }
-        .section p, .section ul {
-            color: #666666;
-        }
-        .link {
-            color: #4A90E2;
-            text-decoration: none;
-        }
-        .benchmark-table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-top: 20px;
-        }
-        .benchmark-table th, .benchmark-table td {
-            border: 1px solid #ddd;
-            padding: 8px;
-            text-align: left;
-        }
-        .benchmark-table th {
-            background-color: #4A90E2;
-            color: white;
-        }
-        .benchmark-table td {
-            background-color: #f2f2f2;
-        }
-    </style>
-""", unsafe_allow_html=True)
-
-# Main Title
-st.markdown('<div class="main-title">Detect Entities (66-labeled) in General Scope</div>', unsafe_allow_html=True)
-
-# Description
-st.markdown("""
-<div class="section">
-    <p>This app utilizes the <strong>nerdl_fewnerd_subentity_100d</strong> model, which is trained on the Few-NERD/inter public dataset to detect 66 entities with high accuracy. The model is based on 100d GloVe embeddings, ensuring robust entity detection.</p>
-</div>
-""", unsafe_allow_html=True)
-
-# What is Entity Recognition
-st.markdown('<div class="sub-title">What is Entity Recognition?</div>', unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <p><strong>Entity Recognition</strong> is a task in Natural Language Processing (NLP) that involves identifying and classifying named entities in text into predefined categories. For general texts, this model focuses on detecting a wide range of entities, which are crucial for understanding and analyzing diverse content.</p>
-</div>
-""", unsafe_allow_html=True)
-
-# Model Importance and Applications
-st.markdown('<div class="sub-title">Model Importance and Applications</div>', unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <p>The <strong>nerdl_fewnerd_subentity_100d</strong> model is highly effective for extracting named entities from general texts. Its applications include:</p>
-    <ul>
-        <li><strong>Text Analysis:</strong> The model can be used to identify and categorize mentions of a wide variety of entities in text documents, which is valuable for text mining and information retrieval.</li>
-        <li><strong>Content Classification:</strong> By recognizing key entities, the model helps in categorizing content based on entity types, which is useful for organizing and filtering large volumes of data.</li>
-        <li><strong>Knowledge Graph Construction:</strong> Companies can use the model to extract entities and build comprehensive knowledge graphs from textual data.</li>
-        <li><strong>Research and Development:</strong> The model aids in identifying specific entities in scientific and technical documents, facilitating better research and analysis.</li>
-    </ul>
-    <p>Why use the <strong>nerdl_fewnerd_subentity_100d</strong> model?</p>
-    <ul>
-        <li><strong>Pre-trained on Few-NERD Dataset:</strong> The model is specifically trained on diverse general data, making it well-suited for handling a wide range of text types.</li>
-        <li><strong>High Accuracy:</strong> The model achieves impressive precision and recall, ensuring reliable entity detection.</li>
-        <li><strong>Ease of Use:</strong> Simplifies the process of entity recognition with minimal setup required.</li>
-    </ul>
-</div>
-""", unsafe_allow_html=True)
-
-# Predicted Entities
-st.markdown('<div class="sub-title">Predicted Entities</div>', unsafe_allow_html=True)
-# st.markdown("""
-# <div class="section">
-#     <ul>
-#         <li><strong>building-theater</strong></li>
-#         <li><strong>art-other</strong></li>
-#         <li><strong>location-bodiesofwater</strong></li>
-#         <li><strong>other-god</strong></li>
-#         <li><strong>organization-politicalparty</strong></li>
-#         <li><strong>product-other</strong></li>
-#         <li><strong>building-sportsfacility</strong></li>
-#         <li><strong>building-restaurant</strong></li>
-#         <li><strong>organization-sportsleague</strong></li>
-#         <li><strong>event-election</strong></li>
-#         <li><strong>organization-media/newspaper</strong></li>
-#         <li><strong>product-software</strong></li>
-#         <li><strong>other-educationaldegree</strong></li>
-#         <li><strong>person-politician</strong></li>
-#         <li><strong>person-soldier</strong></li>
-#         <li><strong>other-disease</strong></li>
-#         <li><strong>product-airplane</strong></li>
-#         <li><strong>person-athlete</strong></li>
-#         <li><strong>location-mountain</strong></li>
-#         <li><strong>organization-company</strong></li>
-#         <li><strong>other-biologything</strong></li>
-#         <li><strong>location-other</strong></li>
-#         <li><strong>other-livingthing</strong></li>
-#         <li><strong>person-actor</strong></li>
-#         <li><strong>organization-other</strong></li>
-#         <li><strong>event-protest</strong></li>
-#         <li><strong>art-film</strong></li>
-#         <li><strong>other-award</strong></li>
-#         <li><strong>other-astronomything</strong></li>
-#         <li><strong>building-airport</strong></li>
-#         <li><strong>product-food</strong></li>
-#         <li><strong>person-other</strong></li>
-#         <li><strong>event-disaster</strong></li>
-#         <li><strong>product-weapon</strong></li>
-#         <li><strong>event-sportsevent</strong></li>
-#         <li><strong>location-park</strong></li>
-#         <li><strong>product-ship</strong></li>
-#         <li><strong>building-library</strong></li>
-#         <li><strong>art-painting</strong></li>
-#         <li><strong>building-other</strong></li>
-#         <li><strong>other-currency</strong></li>
-#         <li><strong>organization-education</strong></li>
-#         <li><strong>person-scholar</strong></li>
-#         <li><strong>organization-showorganization</strong></li>
-#         <li><strong>person-artist/author</strong></li>
-#         <li><strong>product-train</strong></li>
-#         <li><strong>location-GPE</strong></li>
-#         <li><strong>product-car</strong></li>
-#         <li><strong>art-writtenart</strong></li>
-#         <li><strong>event-attack/battle/war/militaryconflict</strong></li>
-#         <li><strong>other-law</strong></li>
-#         <li><strong>other-medical</strong></li>
-#         <li><strong>organization-sportsteam</strong></li>
-#         <li><strong>art-broadcastprogram</strong></li>
-#         <li><strong>art-music</strong></li>
-#         <li><strong>organization-government/governmentagency</strong></li>
-#         <li><strong>other-language</strong></li>
-#         <li><strong>event-other</strong></li>
-#         <li><strong>person-director</strong></li>
-#         <li><strong>other-chemicalthing</strong></li>
-#         <li><strong>product-game</strong></li>
-#         <li><strong>organization-religion</strong></li>
-#         <li><strong>location-road/railway/highway/transit</strong></li>
-#         <li><strong>location-island</strong></li>
-#         <li><strong>building-hotel</strong></li>
-#         <li><strong>building-hospital</strong></li>
-#     </ul>
-# </div>
-# """, unsafe_allow_html=True)
-
-st.markdown("""<div class="section"><p><code class="language-plaintext highlighter-rouge">building-theater</code>, <code class="language-plaintext highlighter-rouge">art-other</code>, <code class="language-plaintext highlighter-rouge">location-bodiesofwater</code>, <code class="language-plaintext highlighter-rouge">other-god</code>, <code class="language-plaintext highlighter-rouge">organization-politicalparty</code>, <code class="language-plaintext highlighter-rouge">product-other</code>, <code class="language-plaintext highlighter-rouge">building-sportsfacility</code>, <code class="language-plaintext highlighter-rouge">building-restaurant</code>, <code class="language-plaintext highlighter-rouge">organization-sportsleague</code>, <code class="language-plaintext highlighter-rouge">event-election</code>, <code class="language-plaintext highlighter-rouge">organization-media/newspaper</code>, <code class="language-plaintext highlighter-rouge">product-software</code>, <code class="language-plaintext highlighter-rouge">other-educationaldegree</code>, <code class="language-plaintext highlighter-rouge">person-politician</code>, <code class="language-plaintext highlighter-rouge">person-soldier</code>, <code class="language-plaintext highlighter-rouge">other-disease</code>, <code class="language-plaintext highlighter-rouge">product-airplane</code>, <code class="language-plaintext highlighter-rouge">person-athlete</code>, <code class="language-plaintext highlighter-rouge">location-mountain</code>, <code class="language-plaintext highlighter-rouge">organization-company</code>, <code class="language-plaintext highlighter-rouge">other-biologything</code>, <code class="language-plaintext highlighter-rouge">location-other</code>, <code class="language-plaintext highlighter-rouge">other-livingthing</code>, <code class="language-plaintext highlighter-rouge">person-actor</code>, <code class="language-plaintext highlighter-rouge">organization-other</code>, <code class="language-plaintext highlighter-rouge">event-protest</code>, <code class="language-plaintext highlighter-rouge">art-film</code>, <code class="language-plaintext highlighter-rouge">other-award</code>, <code class="language-plaintext highlighter-rouge">other-astronomything</code>, <code class="language-plaintext highlighter-rouge">building-airport</code>, <code class="language-plaintext highlighter-rouge">product-food</code>, <code class="language-plaintext highlighter-rouge">person-other</code>, <code class="language-plaintext highlighter-rouge">event-disaster</code>, <code class="language-plaintext highlighter-rouge">product-weapon</code>, <code class="language-plaintext highlighter-rouge">event-sportsevent</code>, <code class="language-plaintext highlighter-rouge">location-park</code>, <code class="language-plaintext highlighter-rouge">product-ship</code>, <code class="language-plaintext highlighter-rouge">building-library</code>, <code class="language-plaintext highlighter-rouge">art-painting</code>, <code class="language-plaintext highlighter-rouge">building-other</code>, <code class="language-plaintext highlighter-rouge">other-currency</code>, <code class="language-plaintext highlighter-rouge">organization-education</code>, <code class="language-plaintext highlighter-rouge">person-scholar</code>, <code class="language-plaintext highlighter-rouge">organization-showorganization</code>, <code class="language-plaintext highlighter-rouge">person-artist/author</code>, <code class="language-plaintext highlighter-rouge">product-train</code>, <code class="language-plaintext highlighter-rouge">location-GPE</code>, <code class="language-plaintext highlighter-rouge">product-car</code>, <code class="language-plaintext highlighter-rouge">art-writtenart</code>, <code class="language-plaintext highlighter-rouge">event-attack/battle/war/militaryconflict</code>, <code class="language-plaintext highlighter-rouge">other-law</code>, <code class="language-plaintext highlighter-rouge">other-medical</code>, <code class="language-plaintext highlighter-rouge">organization-sportsteam</code>, <code class="language-plaintext highlighter-rouge">art-broadcastprogram</code>, <code class="language-plaintext highlighter-rouge">art-music</code>, <code class="language-plaintext highlighter-rouge">organization-government/governmentagency</code>, <code class="language-plaintext highlighter-rouge">other-language</code>, <code class="language-plaintext highlighter-rouge">event-other</code>, <code class="language-plaintext highlighter-rouge">person-director</code>, <code class="language-plaintext highlighter-rouge">other-chemicalthing</code>, <code class="language-plaintext highlighter-rouge">product-game</code>, <code class="language-plaintext highlighter-rouge">organization-religion</code>, <code class="language-plaintext highlighter-rouge">location-road/railway/highway/transit</code>, <code class="language-plaintext highlighter-rouge">location-island</code>, <code class="language-plaintext highlighter-rouge">building-hotel</code>, <code class="language-plaintext highlighter-rouge">building-hospital</code></p></div>""", unsafe_allow_html=True)
-
-# How to Use the Model
-st.markdown('<div class="sub-title">How to Use the Model</div>', unsafe_allow_html=True)
-st.code('''
-from sparknlp.base import *
-from sparknlp.annotator import *
-from pyspark.ml import Pipeline
-from pyspark.sql.functions import col, expr
-
-# Load the pre-trained model
-document_assembler = DocumentAssembler() \\
-    .setInputCol("text") \\
-    .setOutputCol("document")
-
-sentence_detector = SentenceDetector() \\
-    .setInputCols(["document"]) \\
-    .setOutputCol("sentence")
-
-tokenizer = Tokenizer() \\
-    .setInputCols(["sentence"]) \\
-    .setOutputCol("token")
-
-embeddings = WordEmbeddingsModel.pretrained("glove_100d", "en")\\
-    .setInputCols("sentence", "token") \\
-    .setOutputCol("embeddings")
-
-ner_tagger = NerDLModel.pretrained("nerdl_fewnerd_subentity_100d", "en") \\
-    .setInputCols(['sentence', 'token', 'embeddings']) \\
-    .setOutputCol("ner")
-
-ner_converter = NerConverter() \\
-    .setInputCols(["document", "token", "ner"]) \\
-    .setOutputCol("ner_chunk")
-
-pipeline = Pipeline(stages=[
-    document_assembler,
-    sentence_detector,
-    tokenizer,
-    embeddings,
-    ner_tagger,
-    ner_converter
-])
-
-# Sample text
-text = """
-  In 2023, Apple Inc. announced the release of their new iPhone 15 at a major event held in San Francisco. 
-  The announcement was made by Tim Cook, the CEO of Apple, who highlighted the innovative features of the device, 
-  including its advanced camera system and improved battery life. The event took place on September 12, 2023, 
-  and was streamed live on the company's official website. 
-  During the event, several prominent tech bloggers, such as John Doe from TechCrunch and Jane Smith from The Verge, 
-  were present to cover the announcement. Additionally, the event featured a surprise appearance by popular musician 
-  Taylor Swift, who performed her hit single "Anti-Hero." The new iPhone 15 will be available for pre-order starting 
-  on September 15, 2023, and is expected to hit the stores on September 22, 2023.
-"""
-
-# Create a DataFrame with the text
-data = spark.createDataFrame([[text]]).toDF("text")
-
-# Apply the pipeline to the data
-model = pipeline.fit(data)
-result = model.transform(data)
-
-# Display results
-result.select(
-    expr("explode(ner_chunk) as ner_chunk")
-).select(
-    col("ner_chunk.result").alias("chunk"),
-    col("ner_chunk.metadata.entity").alias("ner_label")
-).show(truncate=False)
-''', language='python')
-
-st.text("""
-+-------------+----------------------------+
-|chunk        |ner_label                   |
-+-------------+----------------------------+
-|Apple Inc.   |organization-company        |
-|iPhone 15    |product-other               |
-|San Francisco|location-GPE                |
-|Apple        |organization-company        |
-|company's    |location-GPE                |
-|TechCrunch   |organization-media/newspaper|
-|Taylor Swift |person-artist/author        |
-|iPhone 15    |product-other               |
-+-------------+----------------------------+
-""")
-
-# Model Information
-st.markdown('<div class="sub-title">Model Information</div>', unsafe_allow_html=True)
-st.markdown("""
-    <table class="benchmark-table">
-        <tr>
-            <th>Attribute</th>
-            <th>Description</th>
-        </tr>
-        <tr>
-            <td><strong>Model Name</strong></td>
-            <td>nerdl_fewnerd_subentity_100d</td>
-        </tr>
-        <tr>
-            <td><strong>Type</strong></td>
-            <td>ner</td>
-        </tr>
-        <tr>
-            <td><strong>Compatibility</strong></td>
-            <td>Spark NLP 3.1.1+</td>
-        </tr>
-        <tr>
-            <td><strong>License</strong></td>
-            <td>Open Source</td>
-        </tr>
-        <tr>
-            <td><strong>Edition</strong></td>
-            <td>Official</td>
-        </tr>
-        <tr>
-            <td><strong>Input Labels</strong></td>
-            <td>[sentence, token, embeddings]</td>
-        </tr>
-        <tr>
-            <td><strong>Output Labels</strong></td>
-            <td>[ner]</td>
-        </tr>
-        <tr>
-            <td><strong>Language</strong></td>
-            <td>en</td>
-        </tr>
-    </table>
-""", unsafe_allow_html=True)
-
-# Data Source Information
-st.markdown('<div class="sub-title">Data Source Information</div>', unsafe_allow_html=True)
-st.markdown("""
-    <table class="benchmark-table">
-        <tr>
-            <th>Attribute</th>
-            <th>Description</th>
-        </tr>
-        <tr>
-            <td><strong>Dataset</strong></td>
-            <td>Few-NERD: A Few-shot Named Entity Recognition Dataset</td>
-        </tr>
-        <tr>
-            <td><strong>Authors</strong></td>
-            <td>Ding, Ning; Xu, Guangwei; Chen, Yulin; Wang, Xiaobin; Han, Xu; Xie, Pengjun; Zheng, Hai-Tao; Liu, Zhiyuan</td>
-        </tr>
-        <tr>
-            <td><strong>Conference</strong></td>
-            <td>ACL-IJCNL 2021</td>
-        </tr>
-    </table>
-""", unsafe_allow_html=True)
-
-# Benchmarking Results Description
-st.markdown('<div class="sub-title">Benchmarking Results</div>', unsafe_allow_html=True)
-
-st.markdown("""
-<div class="section">
-    <table class="benchmark-table">
-        <thead>
-            <tr>
-                <th>Metric</th>
-                <th>Score</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Precision</td>
-                <td>89.45%</td>
-            </tr>
-            <tr>
-                <td>Recall</td>
-                <td>91.67%</td>
-            </tr>
-            <tr>
-                <td>F1-Score</td>
-                <td>90.55%</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-""", unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <p>The benchmarking results highlight the performance of the <strong>nerdl_fewnerd_subentity_100d</strong> model. The metrics used are:</p>
-    <ul>
-        <li><strong>Precision:</strong> The percentage of correctly identified entities out of all entities identified by the model.</li>
-        <li><strong>Recall:</strong> The percentage of correctly identified entities out of all entities that should have been identified.</li>
-        <li><strong>F1-Score:</strong> The harmonic mean of precision and recall, providing a balanced measure of the model's performance.</li>
-    </ul>
-    <p>The scores indicate that the model achieves high accuracy and reliability in detecting entities within general scope texts.</p>
-</div>
-""", unsafe_allow_html=True)
-
-# Conclusion
-st.markdown('<div class="sub-title">Conclusion</div>', unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <p>The <strong>nerdl_fewnerd_subentity_100d</strong> model is a powerful tool for entity recognition in general texts, offering high accuracy across a diverse set of entities. Its robust performance, as demonstrated by the benchmark results, makes it suitable for various applications such as text analysis, content classification, and knowledge graph construction. By utilizing this model, users can effectively extract and categorize entities, enhancing their ability to analyze and understand textual data.</p>
-    <p>For more information and to access the model, visit the <a href="https://nlp.johnsnowlabs.com/2023/01/30/nerdl_fewnerd_subentity_100d_en.html" class="link">John Snow Labs Model Page</a> or the <a href="https://github.com/JohnSnowLabs/spark-nlp" class="link">Spark NLP GitHub Repository</a>.</p>
-</div>
-""", unsafe_allow_html=True)
-
-# References
-st.markdown('<div class="sub-title">References</div>', unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <ul>
-        <li><a class="link" href="https://sparknlp.org/api/com/johnsnowlabs/nlp/annotators/classifier/dl/BertForTokenClassification.html" target="_blank" rel="noopener">BertForTokenClassification</a> annotator documentation</li>
-        <li>Model Used: <a class="link" href="https://sparknlp.org/2021/09/09/bert_token_classifier_ner_btc_en.html" rel="noopener">bert_token_classifier_ner_btc_en</a></li>
-        <li><a class="link" href="https://nlp.johnsnowlabs.com/recognize_entitie" target="_blank" rel="noopener">Visualization demos for NER in Spark NLP</a></li>
-        <li><a class="link" href="https://www.johnsnowlabs.com/named-entity-recognition-ner-with-bert-in-spark-nlp/">Named Entity Recognition (NER) with BERT in Spark NLP</a></li>
-    </ul>
-</div>
-""", unsafe_allow_html=True)
-
-# Community & Support
-st.markdown('<div class="sub-title">Community & Support</div>', unsafe_allow_html=True)
-st.markdown("""
-<div class="section">
-    <ul>
-        <li><a class="link" href="https://sparknlp.org/" target="_blank">Official Website</a>: Documentation and examples</li>
-        <li><a class="link" href="https://join.slack.com/t/spark-nlp/shared_invite/zt-198dipu77-L3UWNe_AJ8xqDk0ivmih5Q" target="_blank">Slack</a>: Live discussion with the community and team</li>
-        <li><a class="link" href="https://github.com/JohnSnowLabs/spark-nlp" target="_blank">GitHub</a>: Bug reports, feature requests, and contributions</li>
-        <li><a class="link" href="https://medium.com/spark-nlp" target="_blank">Medium</a>: Spark NLP articles</li>
-        <li><a class="link" href="https://www.youtube.com/channel/UCmFOjlpYEhxf_wJUDuz6xxQ/videos" target="_blank">YouTube</a>: Video tutorials</li>
-    </ul>
-</div>
+import streamlit as st
+
+# Custom CSS for better styling
+st.markdown("""
+    <style>
+        .main-title {
+            font-size: 36px;
+            color: #4A90E2;
+            font-weight: bold;
+            text-align: center;
+        }
+        .sub-title {
+            font-size: 24px;
+            color: #4A90E2;
+            margin-top: 20px;
+        }
+        .section {
+            background-color: #f9f9f9;
+            padding: 15px;
+            border-radius: 10px;
+            margin-top: 20px;
+        }
+        .section h2 {
+            font-size: 22px;
+            color: #4A90E2;
+        }
+        .section p, .section ul {
+            color: #666666;
+        }
+        .link {
+            color: #4A90E2;
+            text-decoration: none;
+        }
+        .benchmark-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        .benchmark-table th, .benchmark-table td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+        }
+        .benchmark-table th {
+            background-color: #4A90E2;
+            color: white;
+        }
+        .benchmark-table td {
+            background-color: #f2f2f2;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Main Title
+st.markdown('<div class="main-title">Detect Entities (66-labeled) in General Scope</div>', unsafe_allow_html=True)
+
+# Description
+st.markdown("""
+<div class="section">
+    <p>This app utilizes the <strong>nerdl_fewnerd_subentity_100d</strong> model, which is trained on the Few-NERD/inter public dataset to detect 66 entities with high accuracy. The model is based on 100d GloVe embeddings, ensuring robust entity detection.</p>
+</div>
+""", unsafe_allow_html=True)
+
+# What is Entity Recognition
+st.markdown('<div class="sub-title">What is Entity Recognition?</div>', unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <p><strong>Entity Recognition</strong> is a task in Natural Language Processing (NLP) that involves identifying and classifying named entities in text into predefined categories. For general texts, this model focuses on detecting a wide range of entities, which are crucial for understanding and analyzing diverse content.</p>
+</div>
+""", unsafe_allow_html=True)
+
+# Model Importance and Applications
+st.markdown('<div class="sub-title">Model Importance and Applications</div>', unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <p>The <strong>nerdl_fewnerd_subentity_100d</strong> model is highly effective for extracting named entities from general texts. Its applications include:</p>
+    <ul>
+        <li><strong>Text Analysis:</strong> The model can be used to identify and categorize mentions of a wide variety of entities in text documents, which is valuable for text mining and information retrieval.</li>
+        <li><strong>Content Classification:</strong> By recognizing key entities, the model helps in categorizing content based on entity types, which is useful for organizing and filtering large volumes of data.</li>
+        <li><strong>Knowledge Graph Construction:</strong> Companies can use the model to extract entities and build comprehensive knowledge graphs from textual data.</li>
+        <li><strong>Research and Development:</strong> The model aids in identifying specific entities in scientific and technical documents, facilitating better research and analysis.</li>
+    </ul>
+    <p>Why use the <strong>nerdl_fewnerd_subentity_100d</strong> model?</p>
+    <ul>
+        <li><strong>Pre-trained on Few-NERD Dataset:</strong> The model is specifically trained on diverse general data, making it well-suited for handling a wide range of text types.</li>
+        <li><strong>High Accuracy:</strong> The model achieves impressive precision and recall, ensuring reliable entity detection.</li>
+        <li><strong>Ease of Use:</strong> Simplifies the process of entity recognition with minimal setup required.</li>
+    </ul>
+</div>
+""", unsafe_allow_html=True)
+
+# Predicted Entities
+st.markdown('<div class="sub-title">Predicted Entities</div>', unsafe_allow_html=True)
+# st.markdown("""
+# <div class="section">
+#     <ul>
+#         <li><strong>building-theater</strong></li>
+#         <li><strong>art-other</strong></li>
+#         <li><strong>location-bodiesofwater</strong></li>
+#         <li><strong>other-god</strong></li>
+#         <li><strong>organization-politicalparty</strong></li>
+#         <li><strong>product-other</strong></li>
+#         <li><strong>building-sportsfacility</strong></li>
+#         <li><strong>building-restaurant</strong></li>
+#         <li><strong>organization-sportsleague</strong></li>
+#         <li><strong>event-election</strong></li>
+#         <li><strong>organization-media/newspaper</strong></li>
+#         <li><strong>product-software</strong></li>
+#         <li><strong>other-educationaldegree</strong></li>
+#         <li><strong>person-politician</strong></li>
+#         <li><strong>person-soldier</strong></li>
+#         <li><strong>other-disease</strong></li>
+#         <li><strong>product-airplane</strong></li>
+#         <li><strong>person-athlete</strong></li>
+#         <li><strong>location-mountain</strong></li>
+#         <li><strong>organization-company</strong></li>
+#         <li><strong>other-biologything</strong></li>
+#         <li><strong>location-other</strong></li>
+#         <li><strong>other-livingthing</strong></li>
+#         <li><strong>person-actor</strong></li>
+#         <li><strong>organization-other</strong></li>
+#         <li><strong>event-protest</strong></li>
+#         <li><strong>art-film</strong></li>
+#         <li><strong>other-award</strong></li>
+#         <li><strong>other-astronomything</strong></li>
+#         <li><strong>building-airport</strong></li>
+#         <li><strong>product-food</strong></li>
+#         <li><strong>person-other</strong></li>
+#         <li><strong>event-disaster</strong></li>
+#         <li><strong>product-weapon</strong></li>
+#         <li><strong>event-sportsevent</strong></li>
+#         <li><strong>location-park</strong></li>
+#         <li><strong>product-ship</strong></li>
+#         <li><strong>building-library</strong></li>
+#         <li><strong>art-painting</strong></li>
+#         <li><strong>building-other</strong></li>
+#         <li><strong>other-currency</strong></li>
+#         <li><strong>organization-education</strong></li>
+#         <li><strong>person-scholar</strong></li>
+#         <li><strong>organization-showorganization</strong></li>
+#         <li><strong>person-artist/author</strong></li>
+#         <li><strong>product-train</strong></li>
+#         <li><strong>location-GPE</strong></li>
+#         <li><strong>product-car</strong></li>
+#         <li><strong>art-writtenart</strong></li>
+#         <li><strong>event-attack/battle/war/militaryconflict</strong></li>
+#         <li><strong>other-law</strong></li>
+#         <li><strong>other-medical</strong></li>
+#         <li><strong>organization-sportsteam</strong></li>
+#         <li><strong>art-broadcastprogram</strong></li>
+#         <li><strong>art-music</strong></li>
+#         <li><strong>organization-government/governmentagency</strong></li>
+#         <li><strong>other-language</strong></li>
+#         <li><strong>event-other</strong></li>
+#         <li><strong>person-director</strong></li>
+#         <li><strong>other-chemicalthing</strong></li>
+#         <li><strong>product-game</strong></li>
+#         <li><strong>organization-religion</strong></li>
+#         <li><strong>location-road/railway/highway/transit</strong></li>
+#         <li><strong>location-island</strong></li>
+#         <li><strong>building-hotel</strong></li>
+#         <li><strong>building-hospital</strong></li>
+#     </ul>
+# </div>
+# """, unsafe_allow_html=True)
+
+st.markdown("""<div class="section"><p><code class="language-plaintext highlighter-rouge">building-theater</code>, <code class="language-plaintext highlighter-rouge">art-other</code>, <code class="language-plaintext highlighter-rouge">location-bodiesofwater</code>, <code class="language-plaintext highlighter-rouge">other-god</code>, <code class="language-plaintext highlighter-rouge">organization-politicalparty</code>, <code class="language-plaintext highlighter-rouge">product-other</code>, <code class="language-plaintext highlighter-rouge">building-sportsfacility</code>, <code class="language-plaintext highlighter-rouge">building-restaurant</code>, <code class="language-plaintext highlighter-rouge">organization-sportsleague</code>, <code class="language-plaintext highlighter-rouge">event-election</code>, <code class="language-plaintext highlighter-rouge">organization-media/newspaper</code>, <code class="language-plaintext highlighter-rouge">product-software</code>, <code class="language-plaintext highlighter-rouge">other-educationaldegree</code>, <code class="language-plaintext highlighter-rouge">person-politician</code>, <code class="language-plaintext highlighter-rouge">person-soldier</code>, <code class="language-plaintext highlighter-rouge">other-disease</code>, <code class="language-plaintext highlighter-rouge">product-airplane</code>, <code class="language-plaintext highlighter-rouge">person-athlete</code>, <code class="language-plaintext highlighter-rouge">location-mountain</code>, <code class="language-plaintext highlighter-rouge">organization-company</code>, <code class="language-plaintext highlighter-rouge">other-biologything</code>, <code class="language-plaintext highlighter-rouge">location-other</code>, <code class="language-plaintext highlighter-rouge">other-livingthing</code>, <code class="language-plaintext highlighter-rouge">person-actor</code>, <code class="language-plaintext highlighter-rouge">organization-other</code>, <code class="language-plaintext highlighter-rouge">event-protest</code>, <code class="language-plaintext highlighter-rouge">art-film</code>, <code class="language-plaintext highlighter-rouge">other-award</code>, <code class="language-plaintext highlighter-rouge">other-astronomything</code>, <code class="language-plaintext highlighter-rouge">building-airport</code>, <code class="language-plaintext highlighter-rouge">product-food</code>, <code class="language-plaintext highlighter-rouge">person-other</code>, <code class="language-plaintext highlighter-rouge">event-disaster</code>, <code class="language-plaintext highlighter-rouge">product-weapon</code>, <code class="language-plaintext highlighter-rouge">event-sportsevent</code>, <code class="language-plaintext highlighter-rouge">location-park</code>, <code class="language-plaintext highlighter-rouge">product-ship</code>, <code class="language-plaintext highlighter-rouge">building-library</code>, <code class="language-plaintext highlighter-rouge">art-painting</code>, <code class="language-plaintext highlighter-rouge">building-other</code>, <code class="language-plaintext highlighter-rouge">other-currency</code>, <code class="language-plaintext highlighter-rouge">organization-education</code>, <code class="language-plaintext highlighter-rouge">person-scholar</code>, <code class="language-plaintext highlighter-rouge">organization-showorganization</code>, <code class="language-plaintext highlighter-rouge">person-artist/author</code>, <code class="language-plaintext highlighter-rouge">product-train</code>, <code class="language-plaintext highlighter-rouge">location-GPE</code>, <code class="language-plaintext highlighter-rouge">product-car</code>, <code class="language-plaintext highlighter-rouge">art-writtenart</code>, <code class="language-plaintext highlighter-rouge">event-attack/battle/war/militaryconflict</code>, <code class="language-plaintext highlighter-rouge">other-law</code>, <code class="language-plaintext highlighter-rouge">other-medical</code>, <code class="language-plaintext highlighter-rouge">organization-sportsteam</code>, <code class="language-plaintext highlighter-rouge">art-broadcastprogram</code>, <code class="language-plaintext highlighter-rouge">art-music</code>, <code class="language-plaintext highlighter-rouge">organization-government/governmentagency</code>, <code class="language-plaintext highlighter-rouge">other-language</code>, <code class="language-plaintext highlighter-rouge">event-other</code>, <code class="language-plaintext highlighter-rouge">person-director</code>, <code class="language-plaintext highlighter-rouge">other-chemicalthing</code>, <code class="language-plaintext highlighter-rouge">product-game</code>, <code class="language-plaintext highlighter-rouge">organization-religion</code>, <code class="language-plaintext highlighter-rouge">location-road/railway/highway/transit</code>, <code class="language-plaintext highlighter-rouge">location-island</code>, <code class="language-plaintext highlighter-rouge">building-hotel</code>, <code class="language-plaintext highlighter-rouge">building-hospital</code></p></div>""", unsafe_allow_html=True)
+
+# How to Use the Model
+st.markdown('<div class="sub-title">How to Use the Model</div>', unsafe_allow_html=True)
+st.code('''
+from sparknlp.base import *
+from sparknlp.annotator import *
+from pyspark.ml import Pipeline
+from pyspark.sql.functions import col, expr
+
+# Load the pre-trained model
+document_assembler = DocumentAssembler() \\
+    .setInputCol("text") \\
+    .setOutputCol("document")
+
+sentence_detector = SentenceDetector() \\
+    .setInputCols(["document"]) \\
+    .setOutputCol("sentence")
+
+tokenizer = Tokenizer() \\
+    .setInputCols(["sentence"]) \\
+    .setOutputCol("token")
+
+embeddings = WordEmbeddingsModel.pretrained("glove_100d", "en")\\
+    .setInputCols("sentence", "token") \\
+    .setOutputCol("embeddings")
+
+ner_tagger = NerDLModel.pretrained("nerdl_fewnerd_subentity_100d", "en") \\
+    .setInputCols(['sentence', 'token', 'embeddings']) \\
+    .setOutputCol("ner")
+
+ner_converter = NerConverter() \\
+    .setInputCols(["document", "token", "ner"]) \\
+    .setOutputCol("ner_chunk")
+
+pipeline = Pipeline(stages=[
+    document_assembler,
+    sentence_detector,
+    tokenizer,
+    embeddings,
+    ner_tagger,
+    ner_converter
+])
+
+# Sample text
+text = """
+  In 2023, Apple Inc. announced the release of their new iPhone 15 at a major event held in San Francisco. 
+  The announcement was made by Tim Cook, the CEO of Apple, who highlighted the innovative features of the device, 
+  including its advanced camera system and improved battery life. The event took place on September 12, 2023, 
+  and was streamed live on the company's official website. 
+  During the event, several prominent tech bloggers, such as John Doe from TechCrunch and Jane Smith from The Verge, 
+  were present to cover the announcement. Additionally, the event featured a surprise appearance by popular musician 
+  Taylor Swift, who performed her hit single "Anti-Hero." The new iPhone 15 will be available for pre-order starting 
+  on September 15, 2023, and is expected to hit the stores on September 22, 2023.
+"""
+
+# Create a DataFrame with the text
+data = spark.createDataFrame([[text]]).toDF("text")
+
+# Apply the pipeline to the data
+model = pipeline.fit(data)
+result = model.transform(data)
+
+# Display results
+result.select(
+    expr("explode(ner_chunk) as ner_chunk")
+).select(
+    col("ner_chunk.result").alias("chunk"),
+    col("ner_chunk.metadata.entity").alias("ner_label")
+).show(truncate=False)
+''', language='python')
+
+st.text("""
++-------------+----------------------------+
+|chunk        |ner_label                   |
++-------------+----------------------------+
+|Apple Inc.   |organization-company        |
+|iPhone 15    |product-other               |
+|San Francisco|location-GPE                |
+|Apple        |organization-company        |
+|company's    |location-GPE                |
+|TechCrunch   |organization-media/newspaper|
+|Taylor Swift |person-artist/author        |
+|iPhone 15    |product-other               |
++-------------+----------------------------+
+""")
+
+# Model Information
+st.markdown('<div class="sub-title">Model Information</div>', unsafe_allow_html=True)
+st.markdown("""
+    <table class="benchmark-table">
+        <tr>
+            <th>Attribute</th>
+            <th>Description</th>
+        </tr>
+        <tr>
+            <td><strong>Model Name</strong></td>
+            <td>nerdl_fewnerd_subentity_100d</td>
+        </tr>
+        <tr>
+            <td><strong>Type</strong></td>
+            <td>ner</td>
+        </tr>
+        <tr>
+            <td><strong>Compatibility</strong></td>
+            <td>Spark NLP 3.1.1+</td>
+        </tr>
+        <tr>
+            <td><strong>License</strong></td>
+            <td>Open Source</td>
+        </tr>
+        <tr>
+            <td><strong>Edition</strong></td>
+            <td>Official</td>
+        </tr>
+        <tr>
+            <td><strong>Input Labels</strong></td>
+            <td>[sentence, token, embeddings]</td>
+        </tr>
+        <tr>
+            <td><strong>Output Labels</strong></td>
+            <td>[ner]</td>
+        </tr>
+        <tr>
+            <td><strong>Language</strong></td>
+            <td>en</td>
+        </tr>
+    </table>
+""", unsafe_allow_html=True)
+
+# Data Source Information
+st.markdown('<div class="sub-title">Data Source Information</div>', unsafe_allow_html=True)
+st.markdown("""
+    <table class="benchmark-table">
+        <tr>
+            <th>Attribute</th>
+            <th>Description</th>
+        </tr>
+        <tr>
+            <td><strong>Dataset</strong></td>
+            <td>Few-NERD: A Few-shot Named Entity Recognition Dataset</td>
+        </tr>
+        <tr>
+            <td><strong>Authors</strong></td>
+            <td>Ding, Ning; Xu, Guangwei; Chen, Yulin; Wang, Xiaobin; Han, Xu; Xie, Pengjun; Zheng, Hai-Tao; Liu, Zhiyuan</td>
+        </tr>
+        <tr>
+            <td><strong>Conference</strong></td>
+            <td>ACL-IJCNL 2021</td>
+        </tr>
+    </table>
+""", unsafe_allow_html=True)
+
+# Benchmarking Results Description
+st.markdown('<div class="sub-title">Benchmarking Results</div>', unsafe_allow_html=True)
+
+st.markdown("""
+<div class="section">
+    <table class="benchmark-table">
+        <thead>
+            <tr>
+                <th>Metric</th>
+                <th>Score</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Precision</td>
+                <td>89.45%</td>
+            </tr>
+            <tr>
+                <td>Recall</td>
+                <td>91.67%</td>
+            </tr>
+            <tr>
+                <td>F1-Score</td>
+                <td>90.55%</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+""", unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <p>The benchmarking results highlight the performance of the <strong>nerdl_fewnerd_subentity_100d</strong> model. The metrics used are:</p>
+    <ul>
+        <li><strong>Precision:</strong> The percentage of correctly identified entities out of all entities identified by the model.</li>
+        <li><strong>Recall:</strong> The percentage of correctly identified entities out of all entities that should have been identified.</li>
+        <li><strong>F1-Score:</strong> The harmonic mean of precision and recall, providing a balanced measure of the model's performance.</li>
+    </ul>
+    <p>The scores indicate that the model achieves high accuracy and reliability in detecting entities within general scope texts.</p>
+</div>
+""", unsafe_allow_html=True)
+
+# Conclusion
+st.markdown('<div class="sub-title">Conclusion</div>', unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <p>The <strong>nerdl_fewnerd_subentity_100d</strong> model is a powerful tool for entity recognition in general texts, offering high accuracy across a diverse set of entities. Its robust performance, as demonstrated by the benchmark results, makes it suitable for various applications such as text analysis, content classification, and knowledge graph construction. By utilizing this model, users can effectively extract and categorize entities, enhancing their ability to analyze and understand textual data.</p>
+    <p>For more information and to access the model, visit the <a href="https://nlp.johnsnowlabs.com/2023/01/30/nerdl_fewnerd_subentity_100d_en.html" class="link">John Snow Labs Model Page</a> or the <a href="https://github.com/JohnSnowLabs/spark-nlp" class="link">Spark NLP GitHub Repository</a>.</p>
+</div>
+""", unsafe_allow_html=True)
+
+# References
+st.markdown('<div class="sub-title">References</div>', unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <ul>
+        <li><a class="link" href="https://sparknlp.org/api/python/reference/autosummary/sparknlp/annotator/ner/ner_dl/index.html" target="_blank" rel="noopener">NerDLModel</a> annotator documentation</li>
+        <li>Model Used: <a class="link" href="https://sparknlp.org/2021/07/22/nerdl_fewnerd_subentity_100d_en.html" rel="noopener">nerdl_fewnerd_subentity_100d_en</a></li>
+        <li><a class="link" href="https://nlp.johnsnowlabs.com/recognize_entitie" target="_blank" rel="noopener">Visualization demos for NER in Spark NLP</a></li>
+        <li><a class="link" href="https://www.johnsnowlabs.com/named-entity-recognition-ner-with-bert-in-spark-nlp/">Named Entity Recognition (NER) with BERT in Spark NLP</a></li>
+    </ul>
+</div>
+""", unsafe_allow_html=True)
+
+# Community & Support
+st.markdown('<div class="sub-title">Community & Support</div>', unsafe_allow_html=True)
+st.markdown("""
+<div class="section">
+    <ul>
+        <li><a class="link" href="https://sparknlp.org/" target="_blank">Official Website</a>: Documentation and examples</li>
+        <li><a class="link" href="https://join.slack.com/t/spark-nlp/shared_invite/zt-198dipu77-L3UWNe_AJ8xqDk0ivmih5Q" target="_blank">Slack</a>: Live discussion with the community and team</li>
+        <li><a class="link" href="https://github.com/JohnSnowLabs/spark-nlp" target="_blank">GitHub</a>: Bug reports, feature requests, and contributions</li>
+        <li><a class="link" href="https://medium.com/spark-nlp" target="_blank">Medium</a>: Spark NLP articles</li>
+        <li><a class="link" href="https://www.youtube.com/channel/UCmFOjlpYEhxf_wJUDuz6xxQ/videos" target="_blank">YouTube</a>: Video tutorials</li>
+    </ul>
+</div>
 """, unsafe_allow_html=True)