How to render thousands of nodes with out impacting performance

• Is there any recommended way to render thousands of  nodes .  Got a test script  which renders  5000 nodes but on running this script the browser complains that script is unresponsive . After some time it tries to render by showing dots , when you zoom in it  displays the  icons . The entire user experience is not good even though loading 5000 nodes is too much . Looking for any recommendation to follow to render 5000 nodes in better way.

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 that 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.