<html>
<head>
<?php

# unitary percentage frequencies
$m = 100/(3818+343+303+398+360+384+495+1177+708);
$dataPoints = array(
 array("x" => 0, "y" => 0 ),
 array("x" => 0, "y" => 3818/5*$m ),
 array("x" => 5, "y" => 3818/5*$m ),
 array("x" => 5, "y" => 0 ),
 array("x" => 5, "y" => 343/5*$m ),
 array("x" => 10, "y" => 343/5*$m ),
 array("x" => 10, "y" => 0 ),
 array("x" => 10, "y" => 303/10*$m ),
 array("x" => 20, "y" => 303/10*$m ),
 array("x" => 20, "y" => 0),
 array("x" => 20, "y" => 398/10*$m ),
 array("x" => 30, "y" => 398/10*$m ),
 array("x" => 30, "y" => 0 ),
 array("x" => 30, "y" => 360/10*$m ),
 array("x" => 40, "y"  => 360/10*$m ),
 array("x" => 40, "y"  => 0),
 array("x" => 40, "y"  => 384/10*$m ),
 array("x" => 50, "y"  => 384/10*$m ),
 array("x" => 50, "y"  => 0),
 array("x" => 50, "y"  => 495/10*$m ),
 array("x" => 60, "y"  => 495/10*$m ),
 array("x" => 60, "y"  => 0),
 array("x" => 60, "y"  => 1177/15*$m ),
 array("x" => 75, "y"  => 1177/15*$m ),
 array("x" => 75, "y"  => 0 ),
 array("x" => 75, "y"  => 708/25*$m ),
 array("x" => 100, "y"  => 708/25*$m  ),
 array("x" => 100, "y"  => 0)
);
 
?>
<script>
window.onload = function () {
 var chart = new CanvasJS.Chart("chartContainer", {
   animationEnabled: true,
   title: { text: "Italy,1881, deaths by age group"},
   data: [{
   type: "line", markerSize: 1,
   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>