How can I use Chart.js with Django for data visualization?

How can I use Chart.js with Django for data visualization?

You can integrate Chart.js with Django by creating a view that returns JSON data and then using that data in your Chart.js setup.

Can you show me an example of how to set up the Django view?

Sure! First, create a view that returns data in JSON format. Here's a simple example:

from django.http import JsonResponse

def chart_data(request):
    data = {'labels': ['January', 'February', 'March'], 'data': [10, 20, 30]}
    return JsonResponse(data)

What about the JavaScript part? How do I fetch this data in Chart.js?

In your JavaScript, you can use the Fetch API to get the data from your Django view. Here's an example:

fetch('/path/to/chart_data/')
    .then(response => response.json())
    .then(data => {
        const ctx = document.getElementById('myChart').getContext('2d');
        new Chart(ctx, {
            type: 'bar',
            data: {
                labels: data.labels,
                datasets: [{
                    label: 'My Dataset',
                    data: data.data
                }]
            }
        });
    });