Animate a svg generated with graphviz
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
libs
source
README.rst

README.rst

jQuery Graphviz plugin

With this plugin you can move (click and drag and drop) and remove (double click on a node or on a edge) the nodes and the edges of a graph created with graphviz

Dependences

  • jquery.ui.core.js
  • jquery.ui.widget.js
  • jquery.ui.mouse.js
  • jquery.ui.draggable.js

Usage

  • Add CSS
<link rel="stylesheet" href="jquery.graphviz.0.0.1.css" />
  • Add JS
<script type="text/javascript" src="jquery.graphviz.0.0.1.js"></script>
  • Initialize
<script type="text/javascript">
    (function($){
        $(document).ready(function () {
            $("svg").graphviz();
        });
    })(jQuery);
</script>

Testing

This jquery plugin has been tested on the browsers: Latest versions of Firefox, Safari and Google Chrome, and even IE9. You can see in jsfiddle

Releases

0.0.1 (2012-07-25)

  • Move node and edges (drag and drop)
  • Remove node and edges (dobleclick)
  • Works, at least, Firefox, Safari, Google Chrome and IE9