Updated the values for the radar circles to correctly go from 0 to 1 instead of 0 to 10

resources/views/app/radar.blade.php

@@ -3,14 +3,13 @@
 @section('content')
 
 <h1 class="text-center">{{ $label }}</h1> 
-<svg width="600" height="600"></svg>
+<svg width="800" height="800"></svg>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.1.1/d3.min.js" integrity="sha512-COTaPOlz12cG4fSfcBsxZsjauBAyldqp+8FQUM/dZHm+ts/jR4AFoJhCqxy8K10Jrf3pojfsbq7fAPTb1XaVkg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script>
 
     var url = "/app/ranking/{{ $label }}/json";
     d3.json(url).then( data => {
-        console.log(data);
         let radar_data = [];
         let features = [];
 
@@ -19,7 +18,7 @@
         for (var i = 0; i < data.length; i++) {
             var subject = data[i].subject.name;
             features.push(subject);
-            point[subject] = data[i].score * 10;
+            point[subject] = data[i].score;
         };
         radar_data.push(point);
         console.log(radar_data);
@@ -28,8 +27,8 @@
         width = +svg.attr("width"),
         height = +svg.attr("height");
 
-        let radialScale = d3.scaleLinear().domain([0, 10]).range([0, 250]);
-        let ticks = [2, 4, 6, 8, 10];
+        let radialScale = d3.scaleLinear().domain([0, 1]).range([0, 250]);
+        let ticks = [0.2, 0.4, 0.6, 0.8, 1];
 
         //draw grid lines (circles)
         ticks.forEach(t =>
@@ -58,8 +57,8 @@
         for (var i = 0; i < features.length; i++) {
             let ft_name = features[i];
             let angle = (Math.PI / 2) + (2 * Math.PI * i / features.length);
-            let line_coordinate = angleToCoordinate(angle, 10);
-            let label_coordinate = angleToCoordinate(angle, 10.5);
+            let line_coordinate = angleToCoordinate(angle, 1);
+            let label_coordinate = angleToCoordinate(angle, 1.1);
             svg.append("line")
                 .attr("x1", 300)
                 .attr("y1", 300)