Benchmark: Cytoscape - creating vertices & edges

Cytoscape - creating vertices & edges (version: 2)

This benchmark is incomplete

Comparing performance of: _t1 - Cytoscape - add one (without additional props) vs _t2 - Cytoscape - add many (without additional props) vs _t3 - Cytoscape - add one edge (without additional props) vs _t4 - Cytoscape - add many edge (without additional props)

Created: 6 years ago by: Registered User

Jump to the latest result

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.0.0/cytoscape.min.js'></script>
<div 
     id="cy" 
     style="width:100%;height:100%;position:absolute;top:10px;left:20px;"
>
</div>
<div>
<p>
  foo bar baz
</p>
</div>

Script Preparation code:

var big_loop_size = 1000

// for test 1
var cy_t1 = cytoscape({
  container: document.getElementById('cy'),
});

// for test 2
var cy_t2 = cytoscape({
  container: document.getElementById('cy'),
});

// for test 3
var cy_t3 = cytoscape({
  container: document.getElementById('cy'),
});
cy_t3.add({
  data: {
    id: 'a'
  }
});
cy_t3.add({
  data: {
    id: 'b'
  }
});

// for test 4
var cy_t4 = cytoscape({
  container: document.getElementById('cy'),
});
for (let i=0; i<big_loop_size; i++) {
	cy_t4.add({
    	data: {id: i},
    });
};

// for test 5
var cy_t5 = cytoscape({
  container: document.getElementById('cy'),
});

Tests:

_t1 - Cytoscape - add one (without additional props)
cy_t1.add({ data: { id: 'a' } });
_t2 - Cytoscape - add many (without additional props)
for (let i=0; i<big_loop_size; i++) { cy_t2.add({ data: {id: i}, }); };
_t3 - Cytoscape - add one edge (without additional props)
cy_t3.add({ data: { id: 'ab', source: 'a', target: 'b' } });
_t4 - Cytoscape - add many edge (without additional props)
for (let i=0; i<big_loop_size-1; i++) { cy_t4.add({ data: { id: 'edge:' + i , source: i, target: i+1 } }); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_t1 - Cytoscape - add one (without additional props)
_t2 - Cytoscape - add many (without additional props)
_t3 - Cytoscape - add one edge (without additional props)
_t4 - Cytoscape - add many edge (without additional props)

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Browser/OS: Chrome 110 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
_t1 - Cytoscape - add one (without additional props)	133233.7 Ops/sec
_t2 - Cytoscape - add many (without additional props)	102.4 Ops/sec
_t3 - Cytoscape - add one edge (without additional props)	132001.8 Ops/sec
_t4 - Cytoscape - add many edge (without additional props)	127.2 Ops/sec

Cytoscape - creating vertices & edges (version: 2)

This benchmark is incomplete

Comparing performance of: _t1 - Cytoscape - add one (without additional props) vs _t2 - Cytoscape - add many (without additional props) vs _t3 - Cytoscape - add one edge (without additional props) vs _t4 - Cytoscape - add many edge (without additional props)

Created: 6 years ago by: Registered User

Jump to the latest result

_t1 - Cytoscape - add one (without additional props)

_t2 - Cytoscape - add many (without additional props)

_t3 - Cytoscape - add one edge (without additional props)

_t4 - Cytoscape - add many edge (without additional props)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A