Skip to content

Instantly share code, notes, and snippets.

@0xdade

0xdade/graphdracula-example.html

Last active November 2, 2019 00:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 0xdade/a2f3db96aee7ff07e8f899ef34e84452 to your computer and use it in GitHub Desktop.
Save 0xdade/a2f3db96aee7ff07e8f899ef34e84452 to your computer and use it in GitHub Desktop.
Download ZIP
graphdracula without es6 modules
Raw
graphdracula-example.html
<html>
<head>
<!-- Using this pre-ES6 fork of Dracula https://github.com/grigoryk/dracula-js-fork -->
<script type="text/javascript" src="dracula-js-fork/raphael-min.js"></script>
<script type="text/javascript" src="dracula-js-fork/dracula_graph.js"></script>
<script type="text/javascript" src="dracula-js-fork/dracula_algorithms.js"></script>
<script type="text/javascript" src="dracula-js-fork/dracula_graffle.js"></script>
<script type="text/javascript" src="dracula-js-fork/seedrandom.js"></script>
<script>
function drawGraph() {
var g = new Graph();
console.log(g)
g.addEdge("strawberry", "cherry");
g.addEdge("strawberry", "apple");
g.addEdge("strawberry", "tomato");
g.addEdge("tomato", "apple");
g.addEdge("tomato", "kiwi");
g.addEdge("cherry", "apple");
g.addEdge("cherry", "kiwi");
console.log(g)
var layouter = new Graph.Layout.Spring(g);
layouter.layout();
console.log(layouter)
var renderer = new Graph.Renderer.Raphael('canvas', g, window.innerWidth - 50, window.innerHeight - 50);
renderer.draw();
}
window.addEventListener("load", drawGraph);
</script>
</head>
<body>
<!-- Deployed demo version https://0xda.de/graphdracula.html -->
<div id="container">
<div id="canvas"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment