title: Force directed Cola layout with Cytoscape similar to Cola example
body: <p>I am using cytoscape.js and the cola extension and I am interested in creating a layout <a href="http://marvl.infotech.monash.edu/webcola/examples/disconnected_graphs.html" rel="nofollow noreferrer">similar to this example</a>.</p>
  
  <p>There <a href="http://js.cytoscape.org/demos/2ebdc40f1c2540de6cf0/" rel="nofollow noreferrer">is an example</a> of using cola with cytoscape.js on the website, but they do not have this non-overlapping functionality.</p>
  
  <p>I tried the infinite:true option, but it does not appear to work as expected. I am wondering how this is achieved with cytoscape.js and cola. </p>
  
  <p>Thanks.</p>