diff --git a/package-lock.json b/package-lock.json
index b027b8187..9ab19403f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2057,12 +2057,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -3289,9 +3289,9 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -7625,12 +7625,12 @@
       }
     },
     "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "requires": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       }
     },
     "browserslist": {
@@ -8512,9 +8512,9 @@
       }
     },
     "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"
diff --git a/src/default_index_html.ts b/src/default_index_html.ts
index a6246d51b..4b03a7fd7 100644
--- a/src/default_index_html.ts
+++ b/src/default_index_html.ts
@@ -80,6 +80,7 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
         width: 100%;
       }
       .benchmark-chart {
+        max-height: 500px;
         max-width: 1000px;
       }
     </style>
@@ -104,7 +105,7 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
       <div class="small">Powered by <a rel="noopener" href="https://github.com/marketplace/actions/continuous-benchmark">github-action-benchmark</a></div>
     </footer>
 
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.2/dist/Chart.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
     <script src="data.js"></script>
     <script id="main-script">
       'use strict';
@@ -154,7 +155,13 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
 
           // Render footer
           document.getElementById('dl-button').onclick = () => {
-            const dataUrl = 'data:,' + JSON.stringify(data, null, 2);
+            const jsonString = JSON.stringify(data, null, 2);
+            // See https://developer.mozilla.org/docs/Glossary/Base64#the_unicode_problem
+            const encoder = new TextEncoder();
+            const bytes = encoder.encode(jsonString);
+            const binaryString = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join('');
+            const jsonAsBase64 = btoa(binaryString);
+            const dataUrl = 'data:text/json;base64,' + jsonAsBase64;
             const a = document.createElement('a');
             a.href = dataUrl;
             a.download = 'benchmark_data.json';
@@ -168,7 +175,7 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
           }));
         }
 
-        function renderAllChars(dataSets) {
+        function renderAllCharts(dataSets) {
 
           function renderGraph(parent, name, dataset) {
             const canvas = document.createElement('canvas');
@@ -184,62 +191,60 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
                   data: dataset.map(d => d.bench.value),
                   borderColor: color,
                   backgroundColor: color + '60', // Add alpha for #rrggbbaa
+                  fill: true,
+                  tension: 0.4,
                 }
               ],
             };
             const options = {
               scales: {
-                xAxes: [
-                  {
-                    scaleLabel: {
-                      display: true,
-                      labelString: 'commit',
-                    },
-                  }
-                ],
-                yAxes: [
-                  {
-                    scaleLabel: {
-                      display: true,
-                      labelString: dataset.length > 0 ? dataset[0].bench.unit : '',
-                    },
-                    ticks: {
-                      beginAtZero: true,
-                    }
-                  }
-                ],
-              },
-              tooltips: {
-                callbacks: {
-                  afterTitle: items => {
-                    const {index} = items[0];
-                    const data = dataset[index];
-                    return '\n' + data.commit.message + '\n\n' + data.commit.timestamp + ' committed by @' + data.commit.committer.username + '\n';
+                x: {
+                  title: {
+                    display: true,
+                    text: 'commit',
                   },
-                  label: item => {
-                    let label = item.value;
-                    const { range, unit } = dataset[item.index].bench;
-                    label += ' ' + unit;
-                    if (range) {
-                      label += ' (' + range + ')';
-                    }
-                    return label;
+                },
+                y: {
+                  title: {
+                    display: true,
+                    text: dataset.length > 0 ? dataset[0].bench.unit : '',
                   },
-                  afterLabel: item => {
-                    const { extra } = dataset[item.index].bench;
-                    return extra ? '\n' + extra : '';
-                  }
-                }
+                  beginAtZero: true,
+                },
               },
               onClick: (_mouseEvent, activeElems) => {
                 if (activeElems.length === 0) {
                   return;
                 }
-                // XXX: Undocumented. How can we know the index?
-                const index = activeElems[0]._index;
+                const {index} = elements[0];
                 const url = dataset[index].commit.url;
                 window.open(url, '_blank');
               },
+              plugins: {
+                tooltip: {
+                  callbacks: {
+                    afterTitle: items => {
+                      const {dataIndex} = items[0];
+                      const data = dataset[dataIndex];
+                      return '\n' + data.commit.message + '\n\n' + data.commit.timestamp + ' committed by @' + data.commit.committer.username + '\n';
+                    },
+                    label: context => {
+                      const item = dataset[context.dataIndex];
+                      let label = item.bench.value.toString();
+                      const { range, unit } = item.bench;
+                      label += ' ' + unit;
+                      if (range) {
+                        label += ' (' + range + ')';
+                      }
+                      return label;
+                    },
+                    afterLabel: context => {
+                      const {extra} = dataset[context.dataIndex].bench;
+                      return extra ? '\n' + extra : '';
+                    }
+                  }
+                },
+              },
             };
 
             new Chart(canvas, {
@@ -274,7 +279,7 @@ export const DEFAULT_INDEX_HTML = String.raw`<!DOCTYPE html>
           }
         }
 
-        renderAllChars(init()); // Start
+        renderAllCharts(init()); // Start
       })();
     </script>
   </body>
diff --git a/test/config.spec.ts b/test/config.spec.ts
index 24094fd2e..16a893f98 100644
--- a/test/config.spec.ts
+++ b/test/config.spec.ts
@@ -348,6 +348,10 @@ describe('configFromJobInput()', function () {
     });
 
     it('resolves home directory in output directory path', async function () {
+        if (os.platform() === 'win32') {
+            // Home directory is not supported on Windows
+            return;
+        }
         const home = os.homedir();
         const absCwd = process.cwd();
         if (!absCwd.startsWith(home)) {
