<html>
<head>
<?php

# maximum daily temperatures in a city in a given month - graph

$dataPoints = array(
 array("x" => 1, "y" => 3),
 array("x" => 2, "y" => 4),
 array("x" => 3, "y" => 6),
 array("x" => 4, "y" => 2),
 array("x" => 5, "y" => 2),
 array("x" => 6, "y" => 3),
 array("x" => 7, "y" => 4),
 array("x" => 8, "y" => 6),
 array("x" => 9, "y" => 6),
 array("x" => 10, "y" => 8),
 array("x" => 11, "y"  => 9),
 array("x" => 12, "y"  => 9),
 array("x" => 13, "y"  => 8),
 array("x" => 14, "y"  => 10),
 array("x" => 15, "y"  => 8),
 array("x" => 16, "y"  => 7),
 array("x" => 17, "y"  => 8),
 array("x" => 18, "y"  => 6),
 array("x" => 19, "y"  => 4),
 array("x" => 20, "y"  => 1),
 array("x" => 21, "y"  => 2),
 array("x" => 22, "y"  => 3),
 array("x" => 23, "y"  => 5),
 array("x" => 24, "y"  => 7),
 array("x" => 25, "y"  => 6),
 array("x" => 26, "y"  => 9),
 array("x" => 27, "y"  => 12),
 array("x" => 28, "y"  => 11),
 array("x" => 29, "y"  => 14),
 array("x" => 30, "y"  => 13),
 array("x" => 31, "y"  => 13)
);
 
?>
<script>
window.onload = function () {
 var chart = new CanvasJS.Chart("chartContainer", {
   animationEnabled: true,
   title: { text: "°C, certain month, certain location"},
   data: [{
   type: "line", markerSize: 7,
   dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?>
   }]
 });
 chart.render();
}
</script>
</head>
<body><center>
<div id="chartContainer" style="height: 95%; width: 90%;"></div>
<script src="http://macosa.dima.unige.it/handbook/min.js"></script>
</center>
</body>
</html>