fix chart layout

Author: rpeeters85

website/index.html

@@ -1782,8 +1782,10 @@ <h3 class="title is-4">Cost vs Performance Analysis</h3>
                                 <button class="button" id="btnAdvanced" onclick="updateScatterChart('advanced', this)">Advanced Tasks</button>
                             </div>
                         </div>
-                        <div style="max-width: 900px; margin: 2rem auto">
-                            <canvas id="costPerformanceChart" width="900" height="600"></canvas>
+                        <div style="display: flex; justify-content: center; margin: 2rem auto;">
+                            <div style="max-width: 1100px; width: 85vw;">
+                                <canvas id="costPerformanceChart" width="1100" height="650"></canvas>
+                            </div>
                         </div>
 
                         <h3 class="title is-4">
@@ -4979,7 +4981,7 @@ <h2 class="title is-3">References</h2>
                                 pointHoverRadius: 12,
                             },
                             {
-                                label: "AX-Tree (Claude 4)",
+                                label: "AX-Tree (Claude Sonnet 4)",
                                 data: [
                                     {
                                         x: data["AX-Tree_Claude Sonnet 4"].cost,
@@ -5007,7 +5009,7 @@ <h2 class="title is-3">References</h2>
                                 pointHoverRadius: 12,
                             },
                             {
-                                label: "AX-Tree + Memory (Claude 4)",
+                                label: "AX-Tree + Memory (Claude Sonnet 4)",
                                 data: [
                                     {
                                         x: data["AX-Tree + Memory_Claude Sonnet 4"].cost,
@@ -5035,7 +5037,7 @@ <h2 class="title is-3">References</h2>
                                 pointHoverRadius: 12,
                             },
                             {
-                                label: "AX-Tree + Vision (Claude 4)",
+                                label: "AX-Tree + Vision (Claude Sonnet 4)",
                                 data: [
                                     {
                                         x: data["AX-Tree + Vision_Claude Sonnet 4"].cost,
@@ -5063,7 +5065,7 @@ <h2 class="title is-3">References</h2>
                                 pointHoverRadius: 12,
                             },
                             {
-                                label: "Vision (Claude 4)",
+                                label: "Vision (Claude Sonnet 4)",
                                 data: [
                                     {
                                         x: data["Vision_Claude Sonnet 4"].cost,
@@ -5118,15 +5120,19 @@ <h2 class="title is-3">References</h2>
                                         size: 14,
                                     },
                                 },
-                                min: 0.1,
+                                min: 0.2,
                                 max: 2,
                                 ticks: {
                                     callback: function (value) {
-                                        if ([0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 2.0].includes(value)) {
-                                            return "$" + value.toFixed(1);
+                                        if ([0.2, 0.25, 0.3, 0.35, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 1.2, 1.4, 1.6, 1.8, 2.0].includes(value)) {
+                                            return "$" + value.toFixed(2);
                                         }
                                         return "";
                                     },
+                                    maxTicksLimit: 12,
+                                    font: {
+                                        size: 11,
+                                    },
                                 },
                             },
                             y: {