How to render thousands of nodes with out impacting performance ?

[jkaricha]

Hi ,

Is there any recommended way to render thousands of  nodes ?  I have a test script attached  which renders  5000 nodes on running this script the browser complains that script is unresponsive . After some time it tries to render by showing dots , when I zoom in it  displays the  icons . But entire user experience is not good. I understand loading 5000 nodes is too much . But is there any recommendation which I have to follow to render 5000 nodes in better way.

Regards

Jayakrishna.K

[aaikepae]

Hi Jayakrishna,

The maximal number of NeXt could rendering is 500.  Each node has more than 10 elements, and it will be attached events and config, so the number is not than high. If you want to show 5000 nodes, there are two approach.

1. Use aggregation. Aggregate nodes to different nodeSet based on some rules, like roles, ip , location etc. We did an user research before, if there are more than 200 nodes on the screen, it is mean nothing to user, it is barely intractable.

2. If you just want to display 5000 or more node on the screen without interaction. You can use 'nx.data.ObservableGraph' as model and Three.js or Pixi.js as renderer. We use this approacj in an internal project.

Abu