Run results for: Cytoscape - creating vertices & edges

Run details:

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: Chrome 110

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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

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)