"Crea una pagina web che mostri i seguenti dati come un grafico a barre."
Dati: {
    "Gennaio": 20,
    "Febbraio": 15,
    "Marzo": 10,
    "Aprile": 25,
    "Maggio": 30
}
<html>
<head>
  <title>Grafico a barre</title>
</head>
<body>
  <canvas id="barChart" width="400" height="400"></canvas>
  
  <script>
    const data = {
      "Gennaio": 20,
      "Febbraio": 15,
      "Marzo": 10,
      "Aprile": 25,
      "Maggio": 30
    };

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

    let barChartData = { 
      labels: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio"],
      datasets: [
        {   
            label: "Dati mensili",
            data: [data["Gennaio"], data["Febbraio"], data["Marzo"], data["Aprile"], data["Maggio"]],
            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>