Update index.html

index.html

@@ -229,8 +229,7 @@
     <div class="modal" id="modal" style="display: none;"></div>
 
     <script>
-        // Custom CSV parser to handle quoted fields with commas/newlines
-        function parseCSV(content) {
+          function parseCSV(content) {
             const rows = [];
             let currentRow = [];
             let currentField = '';
@@ -251,35 +250,27 @@
                     currentField += char;
                 }
             }
-            // Add the last field and row if any
             if (currentField) currentRow.push(currentField.trim());
             if (currentRow.length > 0) rows.push(currentRow);
-
-            const headers = rows.shift(); // First row is headers
+            const headers = rows.shift();
             return { headers, rows };
         }
-
-        // Function to load CSV from Hugging Face (commented out for Canvas preview)
         async function loadCSVFromHuggingFace(dataset, filename, token) {
-            const url = `https://huggingface.co/datasets/${dataset}/resolve/main/${filename}`;
-            try {
-                const response = await fetch(url, {
-                    headers: {
-                        // 'Authorization': `Bearer ${token}`, // Uncomment if a token is required
-                    },
-                });
-
-                if (!response.ok) {
-                    throw new Error(`Failed to fetch file: ${response.statusText}`);
-                }
-
-                const content = await response.text();
-                return parseCSV(content);
-            } catch (error) {
-                console.error("Error loading CSV from Hugging Face:", error);
-                // Fallback or error message to user could go here
-                return { headers: [], rows: [] };
+            const url = 'https://huggingface.co/datasets/UlrickBL/benchmark_overview/resolve/main/benchmark_overview.csv'//`https://huggingface.co/datasets/${dataset}/blob/main/${filename}`;
+            
+            const response = await fetch(url, {
+                headers: {
+                    'Authorization': `Bearer ${token}`,
+                },
+            });
+            
+            if (!response.ok) {
+                throw new Error(`Failed to fetch file: ${response.statusText}`);
             }
+            
+            const content = await response.text();
+            
+            return parseCSV(content);
         }
 
         const metricFilter = document.getElementById('metricFilter');
@@ -449,16 +440,11 @@
 
         let parsedCSV;
 
-        loadCSVFromHuggingFace('UlrickBL/benchmark_overview', 'benchmark_overview.csv', window.huggingface.variables.HF_TOKEN)
-            .then(({ headers, rows }) => {
-                parsedCSV = { headers, rows };
-                populateFilterOptions(rows, 0);
-                populateTable(headers, rows, '', 0);
-            })
-            .catch(error => {
-                console.error("Failed to load CSV data:", error);
-                tableBody.innerHTML = '<tr><td colspan="7" style="text-align: center; color: #ff6b6b;">Failed to load data. Please check the dataset link or your internet connection.</td></tr>';
-            });
+        loadCSVFromHuggingFace('UlrickBL/benchmark_overview', 'benchmark_overview.csv', window.huggingface.variables.HF_TOKEN).then(({ headers, rows }) => {
+            parsedCSV = { headers, rows };
+            populateFilterOptions(rows, 0);
+            populateTable(headers, rows, '', 0);
+        });
     </script>
 </body>
 </html>