I'm currently working on a project using sigma.js where I need to show a large number of nodes and edges (~10000 to ~100000 of each one) stored in a JSON file. But the library is getting laggy when I load the JSON, on each refresh and also when it shows me the graph it doesn't space the nodes. I was wondering if someone knows how to represent this kind of dataset fine.

I'm currently working on a project using sigma.js where I need to show a large number of nodes and edges (~10000 to ~100000 of each one) stored in a JSON file. But the library is getting laggy when I load the JSON, on each refresh and also when it shows me the graph it doesn't space the nodes. I was wondering if someone knows how to represent this kind of dataset fine.

• javascript
• graph
• dataset
• sigma.js

• 2 related but inplete: github./jayal/sigma.js/issues/239 – mauris Commented Jun 29, 2016 at 3:27
• 1 You're asking an awful lot of a JS library. You're asking about graph layout (itself an active area of research) and performance optimization together, and these are different kinds of concerns. – eh9 Commented Jun 30, 2016 at 13:06

2 Answers 2

To be honest i am on the same issue if it can helps, i think the book example of Gephi tutorial is still the best.

For the moment i am on including sigmaJS from cloudflare but i don't have any proposition for this.

Something like you replace the library with a link to cloudflare like the one used for phaser.io explained in it git repository or even tweenJS use the same way (it's the way of web devs see #indiedev #indiegamedev on twitter, it helps)

<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>

http://jsfiddle/thefailtheory/L45ue3er/

The threejs random particle visualization performs really well with 20K points.

https://threejs/examples/#webgl_points_random

Will be a bit of work to repurpose for network display but the upside is you can leverage GPU for rendering.