Update index.html

index.html

@@ -155,10 +155,25 @@
             const headers = rows.shift();
             return { headers, rows };
         }
-        async function loadCSV(filePath) {
-            const response = await fetch(filePath);
-            const content = await response.text();
-            return parseCSV(content);
+        async function loadCSVFromHuggingFace(dataset, filename, token) {
+            const url = `https://huggingface.co/datasets/${dataset}/resolve/main/${filename}`;
+            
+            const response = await fetch(url, {
+                headers: {
+                    'Authorization': `Bearer ${token}`,
+                },
+            });
+            
+            if (!response.ok) {
+                throw new Error(`Failed to fetch file: ${response.statusText}`);
+            }
+            
+            const text = await response.text();
+            
+            const rows = text.split('\n').map(row => row.split(','));
+            const headers = rows.shift(); // Assume first row contains headers
+            
+            return { headers, rows };
         }
         const metricFilter = document.getElementById('metricFilter');
         const table = document.getElementById('csvTable');
@@ -255,7 +270,7 @@
             populateTable(parsedCSV.headers, parsedCSV.rows, filterValue, 0);
         });
         let parsedCSV;
-        loadCSV('benchmark_overview_data.csv').then(({ headers, rows }) => {
+        loadCSVFromHuggingFace('UlrickBL/benchmark_overview', 'benchmark_overview_data.csv', window.huggingface.variables.HF_TOKEN).then(({ headers, rows }) => {
             parsedCSV = { headers, rows };
             populateFilterOptions(rows, 0);
             populateTable(headers, rows, '', 0);