title: How to enable/implement panning in cytoscape.js?
body: <p>The cytoscape.js source code mentions panning several times. By <em>panning</em> I mean the ability to grab the background and move the whole graph in the mouse movement  direction while grabbing, as you could do in d3.js. So far I've included the relevant libraries and css:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="cytoscape.js/build/plugins/jquery.cytoscape-panzoom.css"&gt;
  &lt;script src="demo/jquery-1.7.2.js"&gt;&lt;/script&gt;
  &lt;script src="demo/jquery-ui/js/jquery-ui-1.8.21.custom.min.js"&gt;&lt;/script&gt;
  &lt;script src="cytoscape.js/build/cytoscape.all.js"&gt;&lt;/script&gt;
  &lt;script src="cytoscape.js/build/plugins/jquery.cytoscape-panzoom.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Should enabling panning be as simple as loading the dependencies and enabling the functionality, or is it the user's reponsibility to implement it by calling cy.pan() on grabbing events?</p>