paxcounter-template.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Paxounter Timeline</title>

    <style type="text/css">
        body, html {
            font-family: sans-serif;
        }
    </style>

    <script src="vis.min.js"></script>
    <link href="vis.min.css" rel="stylesheet" type="text/css">

</head>
<body>

<p>
    Paxcounter timeline. You can move and zoom the timeline, and select items.
</p>

<div id="visualization">
 </div>

<script type="text/javascript">
    // DOM element where the Timeline will be attached
    var container = document.getElementById('visualization');

    // Create a DataSet (allows two way data-binding)
    var items = new vis.DataSet([
/***dataset***/
    ]);

    // Configuration for the Timeline
    var options = {};

    // Create a Timeline
    var timeline = new vis.Timeline(container, items, options);
</script>


</body>
</html>