app/static/js/chart.js

document.addEventListener("DOMContentLoaded", function () {
    const ctx = document.getElementById('sentimentChart').getContext('2d');
    const sentimentData = JSON.parse(document.getElementById('sentimentData').textContent);

    new Chart(ctx, {
        type: 'line',
        data: {
            labels: sentimentData.dates,
            datasets: [{
                label: 'Sentiment Trend',
                data: sentimentData.scores,
                borderColor: '#0073e6',
                fill: false
            }]
        },
        options: {
            scales: {
                y: {
                    beginAtZero: true
                }
            }
        }
    });
});