|  | <!-- | 
|  | * Copyright (c) 2015 Mountainstorm | 
|  | * | 
|  | * Permission is hereby granted, free of charge, to any person obtaining a copy | 
|  | * of this software and associated documentation files (the "Software"), to deal | 
|  | * in the Software without restriction, including without limitation the rights | 
|  | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | 
|  | * copies of the Software, and to permit persons to whom the Software is | 
|  | * furnished to do so, subject to the following conditions: | 
|  | * | 
|  | * The above copyright notice and this permission notice shall be included in all | 
|  | * copies or substantial portions of the Software. | 
|  | * | 
|  | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | 
|  | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | 
|  | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | 
|  | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | 
|  | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | 
|  | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | 
|  | * SOFTWARE. | 
|  | --> | 
|  | <html> | 
|  | <head> | 
|  | <link rel="stylesheet" href="http://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/css/graphviz.svg.css"> | 
|  | </head> | 
|  | <body> | 
|  | <div id="graph" style="width: 100%; height: 100%; overflow: scroll; position: relative;"></div> | 
|  | <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script> | 
|  | <script type="text/javascript" src="https://cdn.rawgit.com/jquery/jquery-mousewheel/master/jquery.mousewheel.min.js"></script> | 
|  | <script type="text/javascript" src="https://cdn.rawgit.com/jquery/jquery-color/master/jquery.color.js"></script> | 
|  | <script type="text/javascript" src="http://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/js/jquery.graphviz.svg.js"></script> | 
|  |  | 
|  | <script> | 
|  | $(document).ready(function() { | 
|  | $("#graph").graphviz({ | 
|  | url: "out/dependencies.dot.svg", | 
|  | ready: function() { | 
|  | var gv = this | 
|  | gv.nodes().click(function() { | 
|  | var $set = $() | 
|  | $set.push(this) | 
|  | $set = $set.add(gv.linkedFrom(this, true)) | 
|  | $set = $set.add(gv.linkedTo(this, true)) | 
|  | gv.highlight($set, true) | 
|  | gv.bringToFront($set) | 
|  | }) | 
|  | $(document).keydown(function(evt) { | 
|  | if (evt.keyCode == 27) { | 
|  | gv.highlight() | 
|  | } | 
|  | }) | 
|  | } | 
|  | }); | 
|  | }); | 
|  | </script> | 
|  | </body> | 
|  | </html> |