diff --git a/components/charts.html b/components/charts.html
index c72b8a4..a74f0ae 100644
--- a/components/charts.html
+++ b/components/charts.html
@@ -42,6 +42,22 @@
     </div>
   </section>
 
+  <section id="pattern-gesamtscore-balken">
+    <p class="sg-preview-label">Pattern: Gesamtscore-Balken</p>
+
+    <div class="sg-form-preview-area sg-chart-preview-area">
+      <div class="sg-score-bar-list" data-component="score-bar-list">
+        <div class="sg-score-bar-item" data-component="score-bar">
+          <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Gesamtscore</p>
+          <div class="sg-score-bar sg-score-bar--marker-mid" data-component-part="score-track">
+            <div class="sg-score-bar__value sg-score-bar__value--positive sg-score-bar__value--w96" data-component-part="score-value" data-component-state="positive"></div>
+            <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
 
 
 </body>