Spaces:
Running
Running
Update script.js
Browse files
script.js
CHANGED
|
@@ -2,17 +2,15 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
| 2 |
const tableBody = document.getElementById('dataTable');
|
| 3 |
const sentimentFilter = document.getElementById('sentimentFilter');
|
| 4 |
|
| 5 |
-
// Load CSV data
|
| 6 |
fetch('data.csv')
|
| 7 |
.then(response => response.text())
|
| 8 |
.then(data => {
|
| 9 |
-
const rows = data.trim().split('\n').slice(1);
|
| 10 |
const dataset = rows.map(row => {
|
| 11 |
const [index, text, label] = row.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
|
| 12 |
return { index: parseInt(index), text: text.replace(/^"|"$/g, ''), label: label.replace(/^"|"$/g, '') };
|
| 13 |
});
|
| 14 |
|
| 15 |
-
// Display data
|
| 16 |
function displayData(filter = 'all') {
|
| 17 |
tableBody.innerHTML = '';
|
| 18 |
dataset.forEach(item => {
|
|
@@ -28,10 +26,8 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
| 28 |
});
|
| 29 |
}
|
| 30 |
|
| 31 |
-
// Initial display
|
| 32 |
displayData();
|
| 33 |
|
| 34 |
-
// Filter event listener
|
| 35 |
sentimentFilter.addEventListener('change', () => {
|
| 36 |
displayData(sentimentFilter.value);
|
| 37 |
});
|
|
|
|
| 2 |
const tableBody = document.getElementById('dataTable');
|
| 3 |
const sentimentFilter = document.getElementById('sentimentFilter');
|
| 4 |
|
|
|
|
| 5 |
fetch('data.csv')
|
| 6 |
.then(response => response.text())
|
| 7 |
.then(data => {
|
| 8 |
+
const rows = data.trim().split('\n').slice(1);
|
| 9 |
const dataset = rows.map(row => {
|
| 10 |
const [index, text, label] = row.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
|
| 11 |
return { index: parseInt(index), text: text.replace(/^"|"$/g, ''), label: label.replace(/^"|"$/g, '') };
|
| 12 |
});
|
| 13 |
|
|
|
|
| 14 |
function displayData(filter = 'all') {
|
| 15 |
tableBody.innerHTML = '';
|
| 16 |
dataset.forEach(item => {
|
|
|
|
| 26 |
});
|
| 27 |
}
|
| 28 |
|
|
|
|
| 29 |
displayData();
|
| 30 |
|
|
|
|
| 31 |
sentimentFilter.addEventListener('change', () => {
|
| 32 |
displayData(sentimentFilter.value);
|
| 33 |
});
|