<div id="csvData">Loading data...</div>

<script>
  // Using the provided link to your raw CSV file on GitHub
  const dataUrl = 'https://raw.githubusercontent.com/caphillcrypto/legislativetracker/main/118th%20CHC%20Leg%20Tracker%20v.43.csv';

  fetch(dataUrl)
    .then(response => response.text())
    .then(data => {
      const rows = data.split('\n').filter(row => row.trim() !== '');
      let htmlContent = '<table border="1">';
      
      rows.forEach((row, rowIndex) => {
        const columns = row.split(',').map(col => col.trim());
        htmlContent += '<tr>';
        
        columns.forEach(column => {
          if (rowIndex === 0) {
            htmlContent += `<th>${column}</th>`;
          } else {
            htmlContent += `<td>${column}</td>`;
          }
        });

        htmlContent += '</tr>';
      });

      htmlContent += '</table>';
      
      document.getElementById('csvData').innerHTML = htmlContent;
    })
    .catch(error => {
      console.error('Error fetching data:', error);
      document.getElementById('csvData').innerHTML = 'Failed to load data.';
    });
</script>