dg-jsplumb.js

// based on http://onais-m.blogspot.nl/2014/10/automatic-graph-layout-with-javascript.html
var jsp = jsPlumb.getInstance();

// construct dagre graph from JsPlumb graph
/* global dagre */
var g = new dagre.graphlib.Graph();
g.setGraph({});
g.setDefaultEdgeLabel(function() { return {}; });

$('.xnode').each(
  function(idx, node) {
    var n = $(node);
    g.setNode(n.attr('id'), {
      width  : Math.round(n.width()),
      height : Math.round(n.height())
    });
  }
);

jsp.getAllConnections().forEach(
  function(edge) {
    g.setEdge(
      edge.source.id,
      edge.target.id
    );
  });

// calculate the layout (i.e. node positions)
dagre.layout(g);

// Applying the calculated layout
g.nodes().forEach(
  function(n) {
    $('#' + n).css('left', g.node(n).x + 'px');
    $('#' + n).css('top', g.node(n).y + 'px');
  });

jsp.repaintEverything();

dagre+jsPlumb+jquery,panzoom live demo here