<html>
<head>
<?php

# a spline


$dataPoints = array(
 array("x" => -150,  "y" => 4),
 array("x" => 22,  "y" => 4),
 array("x" => 22,  "y" => 4),
 array("x" => 34,  "y" => 55),
 array("x" => 38,  "y" => 92),
 array("x" => 35,  "y" => 129),
 array("x" => 7,  "y" => 187),
 array("x" => 2,  "y" => 224),
 array("x" => 15, "y" => 278),
 array("x" => 52, "y" => 315),
 array("x" => 114, "y" => 331),
 array("x" => 194, "y" => 307),
 array("x" => 221, "y" => 271),
 array("x" => 233, "y" => 230),
 array("x" => 231, "y" => 216),
 array("x" => 228, "y" => 211),
 array("x" => 227, "y" => 205),
 array("x" => 243, "y" => 174.5),
 array("x" => 259, "y" => 144),
 array("x" => 255, "y" => 131),
 array("x" => 233, "y" => 130),
 array("x" => 239, "y" => 119),
 array("x" => 235, "y" => 113),
 array("x" => 238, "y" => 109),
 array("x" => 229, "y" => 102),
 array("x" => 226, "y" => 92),
 array("x" => 235, "y" => 71),
 array("x" => 234, "y" => 67),
 array("x" => 217, "y" => 59),
 array("x" => 201, "y" => 55),
 array("x" => 154, "y" => 57),
 array("x" => 157, "y" => 4),
 array("x" => 157, "y" => 4),
 array("x" => 400, "y" => 4)
);

?>
<script>
window.onload = function () {
 var chart = new CanvasJS.Chart("chartContainer", {
   animationEnabled: true,
   title: { text: "a spline (resize the window)"},
   data: [{
   type: "spline", 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>