From a5ff78fe30264dafb15e19f2e719914e260caaa7 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <aider@paulg.org>
Date: Mon, 26 Aug 2024 20:51:01 -0700
Subject: [PATCH] feat: Switch chart to scatter plot

---
 .../_posts/2024-08-26-sonnet-seems-fine.md    | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/aider/website/_posts/2024-08-26-sonnet-seems-fine.md b/aider/website/_posts/2024-08-26-sonnet-seems-fine.md
index 031d2a48c..1a3b44abb 100644
--- a/aider/website/_posts/2024-08-26-sonnet-seems-fine.md
+++ b/aider/website/_posts/2024-08-26-sonnet-seems-fine.md
@@ -49,18 +49,20 @@ document.addEventListener('DOMContentLoaded', function() {
     })).sort((a, b) => a.x - b.x);
 
     new Chart(ctx, {
-        type: 'line',
+        type: 'scatter',
         data: {
             datasets: [{
                 label: 'Pass Rate 1',
                 data: chartData.map(item => ({ x: item.x, y: item.y1 })),
-                borderColor: 'rgb(75, 192, 192)',
-                tension: 0.1
+                backgroundColor: 'rgb(75, 192, 192)',
+                pointRadius: 5,
+                pointHoverRadius: 7
             }, {
                 label: 'Pass Rate 2',
                 data: chartData.map(item => ({ x: item.x, y: item.y2 })),
-                borderColor: 'rgb(255, 99, 132)',
-                tension: 0.1
+                backgroundColor: 'rgb(255, 99, 132)',
+                pointRadius: 5,
+                pointHoverRadius: 7
             }]
         },
         options: {
@@ -89,6 +91,20 @@ document.addEventListener('DOMContentLoaded', function() {
                 title: {
                     display: true,
                     text: 'Claude 3.5 Sonnet Performance Over Time'
+                },
+                tooltip: {
+                    callbacks: {
+                        label: function(context) {
+                            let label = context.dataset.label || '';
+                            if (label) {
+                                label += ': ';
+                            }
+                            if (context.parsed.y !== null) {
+                                label += context.parsed.y.toFixed(1) + '%';
+                            }
+                            return label;
+                        }
+                    }
                 }
             }
         }