HumanSignal · luarmr · Apr 1, 2025 · Apr 2, 2025 · Apr 2, 2025 · Jul 3, 2025
diff --git a/docs/source/images/github/avatars/bmartel.png b/docs/source/images/github/avatars/bmartel.png
diff --git a/docs/source/images/github/avatars/carly-bartel.png b/docs/source/images/github/avatars/carly-bartel.png
diff --git a/docs/source/images/github/avatars/luarmr.png b/docs/source/images/github/avatars/luarmr.png
diff --git a/docs/source/images/github/avatars/redeipirati.png b/docs/source/images/github/avatars/redeipirati.png
diff --git a/docs/source/images/templates/breast-cancer-mammogram-classification.gif b/docs/source/images/templates/breast-cancer-mammogram-classification.gif
diff --git a/docs/source/images/templates/html-ner-tagging-person-and-organization.gif b/docs/source/images/templates/html-ner-tagging-person-and-organization.gif
diff --git a/docs/source/images/templates/ner-tagging-invoices-bio-format.png b/docs/source/images/templates/ner-tagging-invoices-bio-format.png
diff --git a/docs/source/images/templates/ocr-invoices-pre-ner-bio-format.gif b/docs/source/images/templates/ocr-invoices-pre-ner-bio-format.gif
diff --git a/docs/source/images/templates/two-level-sentiment-analysis-of-x-twitter-posts.gif b/docs/source/images/templates/two-level-sentiment-analysis-of-x-twitter-posts.gif
diff --git a/docs/source/templates/breast_cancer_mammogram_classification.md b/docs/source/templates/breast_cancer_mammogram_classification.md
@@ -0,0 +1,153 @@
+---
+title: Breast Cancer Mammogram Classification
+type: templates
+category: Community Contributions
+cat: community
+order: 1000
+meta_title: Breast Cancer Mammogram Classification Data Labeling Template
+meta_description: Template for breast cancer mammogram classification with Label Studio
+community: true
+community_author: redeipirati
+community_contributors: carly-bartel
+community_repo: awesome-label-studio-config
+github_repo: humanSignal/awesome-label-studio-config
+repo_url: https://github.com/HumanSignal/awesome-label-studio-config/tree/main/label-configs/breast-cancer-mammogram-classification
+---
+
+
+<img src="/images/templates/breast-cancer-mammogram-classification.gif" alt="" class="gif-border" width="552px" height="408px" />
+
+This labeling config provides a comprehensive interface for breast cancer mammogram analysis using the BI-RADS classification system. It enables radiologists to classify mammograms, assess breast density, and document findings for both breasts.
+
+## Labeling Configuration
+
+```html
+<View>
+  <!-- Header for context -->
+  <Header value="Breast Cancer Mammogram Classification" />
+
+  <!-- Instructions -->
+  <View style="margin-bottom: 20px;">
+    <Header value="Please review the standard mammographic views (CC and MLO) of both breasts. Compare corresponding views (e.g., L-CC with R-CC). Label each breast individually, and report any findings." />
+    <Text name="birads_legend" value="BI-RADS: 0 = Incomplete, 1 = Negative, 2 = Benign, 3 = Probably Benign, 4 = Suspicious, 5 = Highly Suggestive of Malignancy, 6 = Known Cancer" />
+  </View>
+
+  <!-- CC Views -->
+  <View style="margin-bottom: 10px; display: flex; gap: 20px; justify-content: center;">
+    <View style="text-align: center; width: 450px; height: 450px;">
+      <Header value="Left CC" />
+      <Image name="left_cc" value="$img1" style="width:100%; height:100%; object-fit: contain;" />
+    </View>
+    <View style="text-align: center; width: 450px; height: 450px;">
+      <Header value="Right CC" />
+      <Image name="right_cc" value="$img3" style="width:100%; height:100%; object-fit: contain;" />
+    </View>
+  </View>
+
+  <!-- MLO Views -->
+  <View style="margin-bottom: 20px; display: flex; gap: 20px; justify-content: center;">
+    <View style="text-align: center; width: 450px; height: 450px;">
+      <Header value="Left MLO" />
+      <Image name="left_mlo" value="$img2" style="width:100%; height:100%; object-fit: contain;" />
+    </View>
+    <View style="text-align: center; width: 450px; height: 450px;">
+      <Header value="Right MLO" />
+      <Image name="right_mlo" value="$img4" style="width:100%; height:100%; object-fit: contain;" />
+    </View>
+  </View>
+
+  <!-- Left Breast -->
+  <View style="margin-top: 20px;">
+    <Header value="Left Breast: BI-RADS Classification" />
+    <Choices name="birads_left" toName="left_cc,right_cc,left_mlo,right_mlo" choice="single" required="true">
+      <Choice value="0 - Incomplete" />
+      <Choice value="1 - Negative" />
+      <Choice value="2 - Benign" />
+      <Choice value="3 - Probably Benign" />
+      <Choice value="4 - Suspicious Abnormality" />
+      <Choice value="5 - Highly Suggestive of Malignancy" />
+      <Choice value="6 - Known Biopsy-Proven Malignancy" />
+    </Choices>
+
+    <Header value="Left Breast: Density" />
+    <Choices name="density_left" toName="left_cc,right_cc,left_mlo,right_mlo" choice="single">
+      <Choice value="A - Almost entirely fatty" />
+      <Choice value="B - Scattered fibroglandular densities" />
+      <Choice value="C - Heterogeneously dense" />
+      <Choice value="D - Extremely dense" />
+    </Choices>
+
+    <Header value="Left Breast: Findings (Optional)" />
+    <Choices name="findings_left" toName="left_cc,right_cc,left_mlo,right_mlo" choice="multiple">
+      <Choice value="Mass" />
+      <Choice value="Calcifications" />
+      <Choice value="Architectural Distortion" />
+      <Choice value="Asymmetry" />
+      <Choice value="Skin/Nipple Retraction" />
+    </Choices>
+  </View>
+
+  <!-- Right Breast -->
+  <View style="margin-top: 30px;">
+    <Header value="Right Breast: BI-RADS Classification" />
+    <Choices name="birads_right" toName="left_cc,right_cc,left_mlo,right_mlo" choice="single" required="true">
+      <Choice value="0 - Incomplete" />
+      <Choice value="1 - Negative" />
+      <Choice value="2 - Benign" />
+      <Choice value="3 - Probably Benign" />
+      <Choice value="4 - Suspicious Abnormality" />
+      <Choice value="5 - Highly Suggestive of Malignancy" />
+      <Choice value="6 - Known Biopsy-Proven Malignancy" />
+    </Choices>
+
+    <Header value="Right Breast: Density" />
+    <Choices name="density_right" toName="left_cc,right_cc,left_mlo,right_mlo" choice="single">
+      <Choice value="A - Almost entirely fatty" />
+      <Choice value="B - Scattered fibroglandular densities" />
+      <Choice value="C - Heterogeneously dense" />
+      <Choice value="D - Extremely dense" />
+    </Choices>
+
+    <Header value="Right Breast: Findings (Optional)" />
+    <Choices name="findings_right" toName="left_cc,right_cc,left_mlo,right_mlo" choice="multiple">
+      <Choice value="Mass" />
+      <Choice value="Calcifications" />
+      <Choice value="Architectural Distortion" />
+      <Choice value="Asymmetry" />
+      <Choice value="Skin/Nipple Retraction" />
+    </Choices>
+  </View>
+
+  <!-- Free Text Observation -->
+  <View style="margin-top: 30px;">
+    <Header value="Additional Observations / Notes (Optional)" />
+    <TextArea
+      name="notes"
+      toName="left_cc,right_cc,left_mlo,right_mlo"
+      rows="5"
+      placeholder="Describe any notable findings, technical issues, or comparison to prior exams."
+    />
+  </View>
+</View>
+```
+
+## About the labeling configuration
+
+All labeling configurations must be wrapped in [View](/tags/view.html) tags.
+
+This configuration uses the following tags:
+
+- [Image](/tags/image.html)
+- [Choices](/tags/choices.html)
+- [TextArea](/tags/textarea.html)
+- [View](/tags/view.html)
+- [Header](/tags/header.html)
+
+## Usage Instructions
+
+- **Image Display**: This config displays four mammogram views (Left CC, Left MLO, Right CC, Right MLO) in a grid layout.
+- **BI-RADS Classification**: Each breast can be classified using the standard BI-RADS categories (0-6).
+- **Density Assessment**: Breast density can be classified using the A-D scale.
+- **Findings Documentation**: Multiple choice options for common findings (Mass, Calcifications, etc.).
+- **Notes**: Free text area for additional observations and technical notes.
+
diff --git a/docs/source/templates/gallery_asr.ejs b/docs/source/templates/gallery_asr.ejs
@@ -1,7 +1,7 @@
 ---
 title: Audio/Speech Processing
 type: templates
-order: 1002
+order: 2002
 meta_title: Gallery of Audio/Speech Processing Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_community_contributions.ejs b/docs/source/templates/gallery_community_contributions.ejs
@@ -0,0 +1,55 @@
+---
+title: Community Contributions
+type: templates
+order: 2011
+community: true
+layout: templates
+meta_title: Gallery of Community Templates
+meta_description: Gallery of community contributed templates for Label Studio
+cards:
+- title: Breast Cancer Mammogram Classification
+  categories:
+  - community contributions
+  image: "/images/templates/breast-cancer-mammogram-classification.gif"
+  url: "/templates/breast_cancer_mammogram_classification.html"
+  community: true
+  community_repo: awesome-label-studio-config
+  github_repo: humanSignal/awesome-label-studio-config
+
+- title: HTML NER Tagging
+  categories:
+  - community contributions
+  image: "/images/templates/html-ner-tagging-person-and-organization.gif"
+  url: "/templates/html_ner_tagging_person_and_organization.html"
+  community: true
+  community_repo: awesome-label-studio-config
+  github_repo: humanSignal/awesome-label-studio-config
+
+- title: NER Tagging for Invoices (BIO Format)
+  categories:
+  - community contributions
+  image: "/images/templates/ner-tagging-invoices-bio-format.png"
+  url: "/templates/ner_tagging_invoices_bio_format.html"
+  community: true
+  community_repo: awesome-label-studio-config
+  github_repo: humanSignal/awesome-label-studio-config
+
+- title: OCR Invoices Pre-NER BIO Format
+  categories:
+  - community contributions
+  image: "/images/templates/ocr-invoices-pre-ner-bio-format.gif"
+  url: "/templates/ocr_invoices_pre_ner_bio_format.html"
+  community: true
+  community_repo: awesome-label-studio-config
+  github_repo: humanSignal/awesome-label-studio-config
+
+- title: Two-Level Sentiment Analysis of X / Twitter posts
+  categories:
+  - community contributions
+  image: "/images/templates/two-level-sentiment-analysis-of-x-twitter-posts.gif"
+  url: "/templates/two_level_sentiment_analysis_of_x_twitter_posts.html"
+  community: true
+  community_repo: awesome-label-studio-config
+  github_repo: humanSignal/awesome-label-studio-config
+
+---
diff --git a/docs/source/templates/gallery_conversational_ai.ejs b/docs/source/templates/gallery_conversational_ai.ejs
@@ -1,7 +1,7 @@
 ---
 title: Conversational AI
 type: templates
-order: 1003
+order: 2003
 meta_title: Gallery of Conversational AI Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_cv.ejs b/docs/source/templates/gallery_cv.ejs
@@ -1,7 +1,7 @@
 ---
 title: Computer Vision
 type: templates
-order: 1000
+order: 2000
 meta_title: Gallery of Computer Vision Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_data_parsing.ejs b/docs/source/templates/gallery_data_parsing.ejs
@@ -1,7 +1,7 @@
 ---
 title: Structured Data Parsing
 type: templates
-order: 1005
+order: 2005
 meta_title: Gallery of Structured Data Parsing Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_dynamic_labels.ejs b/docs/source/templates/gallery_dynamic_labels.ejs
@@ -1,7 +1,7 @@
 ---
 title: Dynamic Labels
 type: templates
-order: 1010
+order: 2010
 meta_title: Gallery of Dynamic Labels Labeling Templates
 meta_description: ""
 layout: templates

diff --git a/docs/source/templates/gallery_generative_ai.ejs b/docs/source/templates/gallery_generative_ai.ejs
@@ -1,7 +1,7 @@
 ---
 title: LLM Fine-tuning
 type: templates
-order: 1007
+order: 2007
 meta_title: Gallery of Generative AI Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_llm_evals.ejs b/docs/source/templates/gallery_llm_evals.ejs
@@ -1,7 +1,7 @@
 ---
 title: LLM Evaluations
 type: templates
-order: 1008
+order: 2008
 meta_title: Gallery of Labeling Templates for LLM Evaluation
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_nlp.ejs b/docs/source/templates/gallery_nlp.ejs
@@ -1,7 +1,7 @@
 ---
 title: Natural Language Processing
 type: templates
-order: 1001
+order: 2001
 meta_title: Gallery of Natural Language Processing Labeling Templates
 meta_description: Gallery of NLP templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_rns.html b/docs/source/templates/gallery_rns.html
@@ -1,7 +1,7 @@
 ---
 title: Ranking & Scoring
 type: templates
-order: 1004
+order: 2004
 meta_title: Gallery of Ranking & Scoring Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_timeseries.ejs b/docs/source/templates/gallery_timeseries.ejs
@@ -1,7 +1,7 @@
 ---
 title: Time Series Analysis
 type: templates
-order: 1006
+order: 2006
 meta_title: Gallery of Time Series Analysis Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/gallery_videos.ejs b/docs/source/templates/gallery_videos.ejs
@@ -1,7 +1,7 @@
 ---
 title: Videos
 type: templates
-order: 1009
+order: 2009
 meta_title: Gallery of Video Labeling Templates
 meta_description: Gallery of templates available to perform data labeling and annotation tasks with Label Studio for your machine learning model and data science projects.
 layout: templates

diff --git a/docs/source/templates/html_ner_tagging_person_and_organization.md b/docs/source/templates/html_ner_tagging_person_and_organization.md
@@ -0,0 +1,55 @@
+---
+title: HTML NER Tagging
+type: templates
+category: Community Contributions
+cat: community
+order: 1001
+meta_title: HTML NER Tagging Data Labeling Template
+meta_description: Template for html ner tagging with Label Studio
+community: true
+community_author: luarmr
+community_contributors: bmartel
+community_repo: awesome-label-studio-config
+github_repo: humanSignal/awesome-label-studio-config
+repo_url: https://github.com/HumanSignal/awesome-label-studio-config/tree/main/label-configs/html-ner-tagging-person-and-organization
+---
+
+
+<img src="/images/templates/html-ner-tagging-person-and-organization.gif" alt="" class="gif-border" width="552px" height="408px" />
+
+This labeling config uses HyperText elements for named entity recognition on HTML content. It highlights recognized entities (Person, Organization) within styled HTML text.
+
+## Labeling Configuration
+
+```html
+<View>
+  <HyperTextLabels name="ner" toName="text">
+    <Label value="Person" background="green"/>
+    <Label value="Organization" background="blue"/>
+  </HyperTextLabels>
+
+  <View style="border: 1001px solid #CCC;
+               border-radius: 10px;
+               padding: 5px">
+    <HyperText name="text" value="$text"/> 
+              </View>
+</View>
+
+```
+
+## About the labeling configuration
+
+All labeling configurations must be wrapped in [View](/tags/view.html) tags.
+
+This configuration uses the following tags:
+
+- [HyperText](/tags/hypertext.html)
+- [HyperTextLabels](/tags/hypertextlabels.html)
+- [Label](/tags/label.html)
+- [View](/tags/view.html)
+
+## Usage Instructions
+
+- **HyperText**: This config uses the HyperText tool to display and label HTML.
+- **Labels**: Currently includes "Person" (green) and "Organization" (blue).
+
diff --git a/docs/source/templates/index.ejs b/docs/source/templates/index.ejs
@@ -53,4 +53,8 @@ cards:
   categories: generative ai, llm
   image: "/images/templates/generative-chatbot-assessment.png"
   url: "/templates/gallery_llm_evals.html"
+- title: Community Contributions
+  categories: community templates
+  image: "/images/templates/community-contributions.png"
+  url: "/templates/gallery_community_contributions.html"
 ---