From 229e0809fc37fe6ba73913ae8d2a5862746a752c Mon Sep 17 00:00:00 2001
From: Artorias <leon.giorgio@adconfact.com>
Date: Thu, 20 Mar 2025 20:27:24 +0100
Subject: [PATCH] Working Sentiments Radar Chart!!!!!

---
 src/main/resources/templates/nlp.ftl                  |  3 +--
 src/main/resources/templates/sentimentsRadarChart.ftl | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/templates/nlp.ftl b/src/main/resources/templates/nlp.ftl
index c835277..491c488 100644
--- a/src/main/resources/templates/nlp.ftl
+++ b/src/main/resources/templates/nlp.ftl
@@ -15,8 +15,7 @@
     </#if>
 
 
-    <#if s.nlp.sentiment??>
-        <#assign sentiment = s.nlp.sentiment?first>
+    <#if sentiment??>
         <h3>Sentiments Information (als Radar Chart)</h3>
         <#include "sentimentsRadarChart.ftl">
     <#else>
diff --git a/src/main/resources/templates/sentimentsRadarChart.ftl b/src/main/resources/templates/sentimentsRadarChart.ftl
index fbb01a4..abba014 100644
--- a/src/main/resources/templates/sentimentsRadarChart.ftl
+++ b/src/main/resources/templates/sentimentsRadarChart.ftl
@@ -1,16 +1,16 @@
-<svg id="sentimentsRadarChart" width="500" height="500"></svg>
+<svg id="sentimentsRadarChart" width="1000" height="1000"></svg>
 <script src="https://d3js.org/d3.v6.min.js"></script>
 <script>
     // Retrieve sentiment values from the passed attribute "sentiment"
     var sentimentData = {
-        pos: "${sentiment.positive}",
-        neu: "${sentiment.negative}",
-        neg: "${sentiment.neutral}"
+        pos: ${sentiment.positive?number},
+        neu: ${sentiment.neutral?number},
+        neg: ${sentiment.negative?number}
     };
     console.log("Sentiment Data:", sentimentData);
 
     // Set up SVG dimensions and center the chart
-    var width = 500, height = 500;
+    var width = 1000, height = 1000;
     var svg = d3.select("#sentimentsRadarChart")
         .attr("width", width)
         .attr("height", height);