33 lines
934 B
HTML
33 lines
934 B
HTML
<html>
|
|
<body>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
|
|
<script src="springy.js"></script>
|
|
<script src="springyui.js"></script>
|
|
<script>
|
|
var graph = new Graph();
|
|
graph.addNodes('Dennis', 'Michael', 'Jessica', 'Timothy', 'Barbara', 'Franklin')
|
|
graph.addNodes('Monty', 'James');
|
|
|
|
graph.addEdges(
|
|
['Dennis', 'Michael', {color: '#00A0B0', label: 'Foo bar'}],
|
|
['Michael', 'Dennis', {color: '#6A4A3C'}],
|
|
['Michael', 'Jessica', {color: '#CC333F'}],
|
|
['Jessica', 'Barbara', {color: '#EB6841'}],
|
|
['Michael', 'Timothy', {color: '#EDC951'}],
|
|
['Franklin', 'Monty', {color: '#7DBE3C'}],
|
|
['Dennis', 'Monty', {color: '#000000'}],
|
|
['Monty', 'James'],
|
|
['Barbara', 'Timothy', {color: '#6A4A3C'}]
|
|
);
|
|
|
|
jQuery(function(){
|
|
var springy = jQuery('#springydemo').springy({
|
|
graph: graph
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<canvas id="springydemo" width="640" height="480" />
|
|
</body>
|
|
</html>
|