example_basic.html

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="dist/metroflow-viewer.css">

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.11.4/paper-full.min.js"></script>

    <script type="text/paperscript" src="dist/example_basic.js" canvas="paperCanvas"></script>

</head>

<body>

    <div id="toolbar">Basic Example</div>

    <canvas id="paperCanvas" resize></canvas>

    <div id="overlay"></div>
    <div id="overlay-content"></div>

</body>

</html>