<!DOCTYPE html>
<html>
<link href="screen.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-3.1.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="graph.js" charset="utf-8"></script>
<script>
  var selectedElement = null;
  var currentX = 0;
  var currentY = 0;
  var doc = $( document )

  doc.ready(function() {
    var w = doc.width()
    var h = doc.height()
    var svg = $('#svg')
    svg.attr('width', w)
    svg.attr('height', h)
    var graph = Graph.generate(20, 2, w, h, 30)
    Graph.attach(graph, $('#svg'))
  });
</script>

<body>

<svg id="svg" width="600" height="400">
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<link href="screen.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-3.1.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="graph.js" charset="utf-8"></script>
<script>
  var selectedElement = null;
  var currentX = 0;
  var currentY = 0;
  var doc = $( document )

  doc.ready(function() {
    var w = doc.width()
    var h = doc.height()
    var svg = $('#svg')
    svg.attr('width', w)
    svg.attr('height', h)
    var graph = Graph.generate(20, 2, w, h, 30)
    Graph.attach(graph, $('#svg'))
  });
</script>

<body>

<svg id="svg" width="600" height="400">
</svg>

<a href="https://github.com/xpol/html5-javascript-astar"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
</body>
</html>

Add fork me on Github.
Add fork me on Github.
