title: Rendering speed of cola-layout in cytoscape.js
body: <p>I applied <a href="http://js.cytoscape.org/#layouts/cola" rel="nofollow noreferrer">cola-layout</a> from <a href="https://github.com/cytoscape/cytoscape.js" rel="nofollow noreferrer">cytoscape.js</a> on a data set of  over  <strong>500 nodes and edges</strong>.
  The layout renders the graph and takes more than <em><strong>10 minutes</strong></em> to settle down to an open-graph.</p>
  <p>My question is <em><strong>whether or not this is the amount of time, cola would take to display a graph with such complexity?</strong></em></p>
  <p>In order to get a visually pleasing <strong>(balanced)</strong> graph like this infinite:true</p>
  <p>within <strong>cytoscape.js</strong> file that I had downloaded <a href="http://js.cytoscape.org/download/cytoscape.js-2.3.9.zip" rel="nofollow noreferrer">from here</a>.</p>
  <p>I had set, </p>
  <pre><code>infinite: true; // for cola layout
  </code></pre>
  <hr />
  <p>Without which it would settled down to an entangled graph like this :
  <a href="https://homes.luddy.indiana.edu/rocha/figures/pdp1net.jpg" rel="nofollow noreferrer">infinite:false</a></p>
  <p><strong>Here is the javascript code:</strong></p>
  <pre><code>$(function()
  {
    $('#cy').cytoscape
    ({
      style: cytoscape.stylesheet()
        .selector('node').css({'content': 'data(name)'})
        .selector('edge').css({'target-arrow-shape': 'triangle'})
        .selector(':selected').css({'line-color': 'black'})
      elements: {
        nodes: [
          { data: { id: '2335', name: '2335' } },
        //.
        //. data from www.briandunning.com/sample-data/ca-500.zip
  
      },
  ],
    edges: [
      { data: { source:'2335', target:'Canton' }
        //.
        //. data from www.briandunning.com/sample-data/ca-500.zip
      }]
  },
    layout: { name: 'cola'},
    ready: function()
    {
      window.cy = this;
    }
  });
  
  
  }); 
  </code></pre>