diff --git a/src/main/java/org/texttechnologylab/project/gruppe_05_1/domain/nlp/Sentiment.java b/src/main/java/org/texttechnologylab/project/gruppe_05_1/domain/nlp/Sentiment.java
index ab9398f..3894a72 100644
--- a/src/main/java/org/texttechnologylab/project/gruppe_05_1/domain/nlp/Sentiment.java
+++ b/src/main/java/org/texttechnologylab/project/gruppe_05_1/domain/nlp/Sentiment.java
@@ -113,9 +113,9 @@ public class Sentiment {
                     doc.getInteger("begin"),
                     doc.getInteger("end"),
                     MongoDBHandler.getFieldAsDouble(doc, "score"),
-                    MongoDBHandler.getFieldAsDouble(doc, "pos"),
+                    MongoDBHandler.getFieldAsDouble(doc, "neg"),
                     MongoDBHandler.getFieldAsDouble(doc, "neu"),
-                    MongoDBHandler.getFieldAsDouble(doc, "neg")
+                    MongoDBHandler.getFieldAsDouble(doc, "pos")
             ));
         }
         return sentiments;
diff --git a/src/main/java/org/texttechnologylab/project/gruppe_05_1/rest/SpeechController.java b/src/main/java/org/texttechnologylab/project/gruppe_05_1/rest/SpeechController.java
index f7f5f85..85e5d19 100644
--- a/src/main/java/org/texttechnologylab/project/gruppe_05_1/rest/SpeechController.java
+++ b/src/main/java/org/texttechnologylab/project/gruppe_05_1/rest/SpeechController.java
@@ -158,8 +158,9 @@ public class SpeechController {
             // Der erste Sentiment gilt der gesamten Rede. Die weitere Sentiments entsprechen die Sätze.
             List<Sentiment> sentiments = speech.getNlp().getSentiments();
             if ((sentiments != null) && ! sentiments.isEmpty()) {
-                Sentiment overallSentiment = sentiments.get(0);
-                attributes.put("overallSentiment", overallSentiment);
+                List<Sentiment> overallSentiments = new ArrayList<>(sentiments);
+                attributes.put("overallSentiments", overallSentiments);
+
                 sentiments.remove(0);
 
                 // Sentiment-Icon
diff --git a/src/main/resources/templates/nlp.ftl b/src/main/resources/templates/nlp.ftl
index 7e9bf9e..a7f9f83 100644
--- a/src/main/resources/templates/nlp.ftl
+++ b/src/main/resources/templates/nlp.ftl
@@ -20,8 +20,9 @@
     </div>
 
     <div class="chart">
-        <#if overallSentiment??>
+        <#if overallSentiments??>
             <h3>Sentiments Information (als Radar Chart)</h3>
+            <#assign sentiments = overallSentiments>
             <#include "sentimentsRadarChart.ftl">
         <#else>
             <h3>Keine Sentiments Information für diese Rede verfügbar</h3>
diff --git a/src/main/resources/templates/posBarChart.ftl b/src/main/resources/templates/posBarChart.ftl
index 08b2972..4f0fb8f 100644
--- a/src/main/resources/templates/posBarChart.ftl
+++ b/src/main/resources/templates/posBarChart.ftl
@@ -1,12 +1,10 @@
 <svg class="chart-svg" id="posBarchart"></svg>
 
 <script>
-    // Define variables only in JavaScript
     const barChartWidth = 1000;
     const barChartHeight = 750;
     const margin = { top: 20, right: 30, bottom: 50, left: 50 };
 
-    // Ensure posList exists before processing
     var posData = [];
 
     <#if posList?? && posList?size gt 0>
@@ -46,8 +44,6 @@
         .attr("height", d => Math.max(0, barChartHeight - margin.bottom - yScale(d.count))) // Prevents negative heights
         .attr("fill", d => colorScale(d.pos));
 
-    console.log("Number of bars created:", bars.size());
-
     // X Axis
     svg.append("g")
         .attr("transform", "translate(0," + (barChartHeight - margin.bottom) + ")")
diff --git a/src/main/resources/templates/sentimentsRadarChart.ftl b/src/main/resources/templates/sentimentsRadarChart.ftl
index 16c5f01..882e3a6 100644
--- a/src/main/resources/templates/sentimentsRadarChart.ftl
+++ b/src/main/resources/templates/sentimentsRadarChart.ftl
@@ -1,35 +1,39 @@
 <svg class="chart-svg" id="sentimentsRadarChart"></svg>
-<script src="https://d3js.org/d3.v6.min.js"></script>
+
 <script>
-    // Retrieve sentiment values from the passed attribute "overallSentiment"
-    var sentimentData = {
-        pos: ${overallSentiment.positive?string?replace(',', '.')},
-        neu: ${overallSentiment.neutral?string?replace(',', '.')},
-        neg: ${overallSentiment.negative?string?replace(',', '.')}
-    };
+    var sentimentData = [];
+    <#if sentiments?? && sentiments?size gt 0>
+    <#list sentiments as sentiment>
+    sentimentData.push({
+        pos: ${sentiment.positive?number},
+        neu: ${sentiment.neutral?number},
+        neg: ${sentiment.negative?number}
+    });
+    </#list>
+    <#else>
+    sentimentData.push({ pos: 0, neu: 0, neg: 0 });
+    </#if>
     console.log("Sentiment Data:", sentimentData);
 
-    // Set up SVG dimensions and center the chart
     var width = 1000, height = 1000;
     var svg = d3.select("#sentimentsRadarChart")
         .attr("width", width)
         .attr("height", height);
     var centerX = width / 2, centerY = height / 2;
-    var maxRadius = 200; // Maximum radius for the chart
+    var maxRadius = 400; // Maximum radius for the chart
 
-    // Create a radial scale assuming sentiment values are normalized between 0 and 1
+    // Create a radial scale (assumes sentiment values are normalized between 0 and 1)
     var rScale = d3.scaleLinear()
         .domain([0, 1])
         .range([0, maxRadius]);
 
-    // Define the three axes for the radar chart with fixed angles (in degrees)
+    // All relevant radar chart axes
     var axes = [
-        { axis: "Positive", angle: 0, value: sentimentData.pos },
-        { axis: "Neutral",  angle: 120, value: sentimentData.neu },
-        { axis: "Negative", angle: 240, value: sentimentData.neg }
+        { axis: "Positive", angle: 0 },
+        { axis: "Neutral",  angle: 120 },
+        { axis: "Negative", angle: 240 }
     ];
 
-    // Function to convert polar coordinates to cartesian
     function polarToCartesian(cx, cy, r, angleDegrees) {
         var angleRadians = (angleDegrees - 90) * Math.PI / 180;
         return {
@@ -38,8 +42,8 @@
         };
     }
 
-    // Draw the concentric grid (web) lines
-    var gridSteps = 5;  // Number of concentric polygons
+    // Draw grid (web) lines
+    var gridSteps = 5;
     for (var i = 1; i <= gridSteps; i++) {
         var step = i / gridSteps;
         var gridPoints = axes.map(function(d) {
@@ -66,7 +70,7 @@
             .attr("y1", centerY)
             .attr("x2", endPoint.x)
             .attr("y2", endPoint.y)
-            .attr("stroke", "#ccc")
+            .attr("stroke", "#aaaaaa")
             .attr("stroke-width", 1);
 
         var labelOffset = 20;
@@ -79,58 +83,35 @@
             .text(d.axis);
     });
 
-    // Compute radar chart data points from sentiment values
-    var radarPoints = axes.map(function(d) {
-        var r = rScale(d.value);
-        return polarToCartesian(centerX, centerY, r, d.angle);
-    });
-    console.log("Radar Points:", radarPoints);
+    var colors = d3.schemeCategory10;
 
-    // Create a closed polygon from the radar points
     var radarLine = d3.line()
         .x(function(d) { return d.x; })
         .y(function(d) { return d.y; })
         .curve(d3.curveLinearClosed);
 
-    svg.append("path")
-        .datum(radarPoints)
-        .attr("d", radarLine)
-        .attr("stroke", "blue")
-        .attr("stroke-width", 2)
-        .attr("fill", "blue")
-        .attr("fill-opacity", 0.3);
+    sentimentData.forEach(function(sent, i) {
+        // Map each axis to a point using the sentiment value for that axis.
+        var polygonPoints = axes.map(function(d) {
+            var value;
+            if (d.axis === "Positive") {
+                value = sent.pos;
+            } else if (d.axis === "Neutral") {
+                value = sent.neu;
+            } else if (d.axis === "Negative") {
+                value = sent.neg;
+            }
+            var r = rScale(value);
+            return polarToCartesian(centerX, centerY, r, d.angle);
+        });
 
-    // Create a tooltip div appended to the body and style it
-    var tooltip = d3.select("body").append("div")
-        .attr("id", "tooltip")
-        .style("position", "absolute")
-        .style("background", "#fff")
-        .style("border", "1px solid #ccc")
-        .style("padding", "4px 8px")
-        .style("border-radius", "4px")
-        .style("pointer-events", "none")
-        .style("font-size", "12px")
-        .style("box-shadow", "0px 0px 5px rgba(0,0,0,0.3)")
-        .style("display", "none");
-
-    // Draw circles at each radar point and attach tooltip events
-    axes.forEach(function(d, i) {
-        var point = radarPoints[i];
-        svg.append("circle")
-            .attr("cx", point.x)
-            .attr("cy", point.y)
-            .attr("r", 4)
-            .attr("fill", "red")
-            .on("mouseover", function(event) {
-                tooltip.style("display", "block")
-                    .html(d.axis + ": " + d.value);
-            })
-            .on("mousemove", function(event) {
-                tooltip.style("left", (event.pageX + 10) + "px")
-                    .style("top", (event.pageY - 10) + "px");
-            })
-            .on("mouseout", function() {
-                tooltip.style("display", "none");
-            });
+        svg.append("path")
+            .datum(polygonPoints)
+            .attr("d", radarLine)
+            .attr("stroke", colors[i % colors.length])
+            .attr("stroke-width", 2)
+            .attr("fill", colors[i % colors.length])
+            .attr("fill-opacity", 0.3);
     });
 </script>
+