Run results for: Cytoscape - creating vertices & edges

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

Browser: Firefox 61

Operating system: Windows 7

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
_t1 - Cytoscape - add one (without additional props)	4822.9 Ops/sec
_t2 - Cytoscape - add many (without additional props)	2.7 Ops/sec
_t3 - Cytoscape - add one edge (without additional props)	4636.2 Ops/sec
_t4 - Cytoscape - add many edge (without additional props)	4.7 Ops/sec

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 } }); }

Run results for: Cytoscape - creating vertices & edges

This benchmark is incomplete

_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)