En samtale mellom en person og en AI-assistent kalt Nordavind [INST] Opprett en nettside som viser følgende data som et stolpediagram. Data: {
    "Januar": 20,
    "Februar": 15,
    "Mars": 10,
    "April": 25,
    "Mai": 30
    } [/INST]: <html>
<head>
  <title>Stolpediagram</title>
</head>
<body>
  <canvas id="barChart" width="400" height="400"></canvas>
  
  <script>
    const data = {
      "Januar": 20,
      "Februar": 15,
      "Mars": 10,
      "April": 25,
      "Mai": 30
    };

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

    let barChartData = { 
      labels: ["Januar", "Februar", "Mars", "April", "Mai"],
      datasets: [
        {   
            label: "Månedlige data",
            data: [data["Januar"], data["Februar"], data["Mars"], data["April"], data["Mai"]],
            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>