From 148078ecac9954e9fb7e81a1049a178dcbb31602 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <aider@paulg.org>
Date: Mon, 29 Jul 2024 12:03:42 -0300
Subject: [PATCH] Modify chart to display both lines of code and percentage
 contributed by Aider

---
 aider/website/_includes/blame.md | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/aider/website/_includes/blame.md b/aider/website/_includes/blame.md
index 3399015bf..1d191d06a 100644
--- a/aider/website/_includes/blame.md
+++ b/aider/website/_includes/blame.md
@@ -13,20 +13,20 @@ document.addEventListener('DOMContentLoaded', function () {
                 {
                     x: '{{ row.end_date }}',
                     y: {{ row.aider_lines }},
-                    label: '{{ row.end_tag }}'
+                    r: {{ row.aider_percentage }},
+                    label: '{{ row.end_tag }}',
+                    percentage: {{ row.aider_percentage }}
                 },
                 {% endfor %}
             ],
             backgroundColor: 'rgba(54, 162, 235, 0.2)',
             borderColor: 'rgba(54, 162, 235, 1)',
-            borderWidth: 1,
-            pointRadius: 5,
-            pointHoverRadius: 8
+            borderWidth: 1
         }]
     };
 
     var blameChart = new Chart(ctx, {
-        type: 'scatter',
+        type: 'bubble',
         data: blameData,
         options: {
             scales: {
@@ -61,9 +61,12 @@ document.addEventListener('DOMContentLoaded', function () {
                 tooltip: {
                     callbacks: {
                         label: function(context) {
-                            return `${context.raw.label}: ${context.raw.y} lines`;
+                            return `${context.raw.label}: ${context.raw.y} lines (${context.raw.percentage.toFixed(2)}%)`;
                         }
                     }
+                },
+                legend: {
+                    display: false
                 }
             }
         }