<html>
<head>
  <title>Bar Chart</title>
</head>
<body>
  <canvas id="barChart" width="400" height="400"></canvas>
  
  <script>
    const data = {
      "January": 20,
      "February": 15,
      "March": 10,
      "April": 25,
      "May": 30
    };

    const barChart = document.getElementById("barChart").getContext("2d");

    let barChartData = { 
      labels: ["January", "February", "March", "April", "May"],
      datasets: [
        {   
            label: "Monthly Data",
            data: [data["January"], data["February"], data["March"], data["April"], data["May"]],
            backgroundColor: "#FFCE56"
        }
      ]
    };

    let barChartOptions = {
        responsive: true,
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    };

    let myBarChart = new Chart(barChart, {
        type: 'bar',
        data: barChartData,
        options: barChartOptions
    });
  </script>
</body>
</html>
Data: {
    "January": 20,
    "February": 15,
    "March": 10,
    "April": 25,
    "May": 30
    }
Creare una pagina Web che visualizzi i seguenti dati come grafico a barre.