by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
neo6053
@neo6053
as i research , visjs is the most feature rich free network graph out there , come next by cytospace, perhaps next sigmajs , but sigmajs dont have too many sample out there. .. others like keylines,linkuriuos,ywork are powerful but paid.
i have prepared many jsfiddle for all different libraries, i can share it here. :)
neo6053
@neo6053

usually all of them are 3000nodes, 150k edges
vivagraph (fast but very limited capabilities):
https://jsfiddle.net/neo_6053/qg2jw8py/

Vis with d3 force sampled engine (my favourite so far because of all the available features, well, as a developer choosing a library for the company, we tend to choose one that need to code less. i tried to add cluster function but it's so slow) :
https://jsfiddle.net/neo_6053/25vb1zhm/latest/

the old fashion d3 canvas way. turns out the canvas perform really really well nowadays,it surprise me. and there are many examples outside, this might be it.

neo6053
@neo6053

https://jsfiddle.net/neo_6053/gfkyr6su/

vis with ngraph.layout. somehow faster than d3 sample. contradict with here : https://observablehq.com/@zakjan/force-directed-graph-pixi
https://jsfiddle.net/neo_6053/7xf08vkw/

vis with sigmajs paragraphl, suppose to be the fastest according to the site, but i cant get it to work
https://jsfiddle.net/neo_6053/7t5L9uoy/

threejs 3d-force-graph. in 2D, I have no idea why we need 3D graph. it's confusing, haha
https://jsfiddle.net/neo_6053/2tr1vnod/

neo6053
@neo6053

ngraph pixi. kinda slow actually. i didnt use 150k edge here.
https://jsfiddle.net/neo_6053/q0ey2kbf/

cytospace euler.
https://jsfiddle.net/neo_6053/1ck84n5b/

Vincenzo Palazzo
@vincenzopalazzo
In my opinion the ngraph module are one of the fastr library. So, I renderer the bitcoin graph with a lot of node and the only problem that I have is because the graph was very big to full my ram memory, here you can found the demo of my bitcoin graph https://vincenzopalazzo.github.io/SpyJSBlock.react/
Also I answered to an post on stackoverflow and I describe an possible combination to use ngraph module https://stackoverflow.com/a/61053059/10854225
Also, I added the method to add the label at ngraph.pixi module and you can found the PR here anvaka/ngraph.pixi#8
neo6053
@neo6053
Also, I added the method to add the label at ngraph.pixi module and you can found the PR here anvaka/ngraph.pixi#8
cool! will take a look
Vincenzo Palazzo
@vincenzopalazzo
In my opinion you can try an solution with ngraph module and you can create an global application to swich with all the type of rendering
the only think if you want try to customize some rendering, you should be try to read the code inside the module
I hope this answer can help
neo6053
@neo6053

the only think if you want try to customize some rendering, you should be try to read the code inside the module

ya, that's a pain . i used to just find the most suitable library and use it . but this time it seems not so easy . haha

Vincenzo Palazzo
@vincenzopalazzo
if you are finding the performance I think that ngraph.pixel is the most render module inside the modul group, also you try to use ngraph.native to pre-calculate the layour and you can have the same effect that I have in the bitcon graph

the only think if you want try to customize some rendering, you should be try to read the code inside the module

ya, that's a pain . i used to just find the most suitable library and use it . but this time it seems not so easy . haha

Hahhaha mh I think no! ahhaha

neo6053
@neo6053
another thing is most of the graph library lacks of features and more examples.. tbh, i'm not the brightest programmer.. that's why library like visjs attracts me, there are so many available feature.. d3 has lots of examples .. how i wish vivagraph can add feature like that.. haha .. you know , like perhaps, node text, link text, multi select, clustering, easier styling, etc :P
elgrapho seems really really fast , but i think he cant solve the hairball
https://codepen.io/ericdrowell/pen/eodgGW?editors=0010
neo6053
@neo6053

In my opinion the ngraph module are one of the fastr library. So, I renderer the bitcoin graph with a lot of node and the only problem that I have is because the graph was very big to full my ram memory, here you can found the demo of my bitcoin graph https://vincenzopalazzo.github.io/SpyJSBlock.react/

the transaction graph is what you mean, right? can i zoom in and out?

what library you use for UI rendering?
Vincenzo Palazzo
@vincenzopalazzo

another thing is most of the graph library lacks of features and more examples.. tbh, i'm not the brightest programmer.. that's why library like visjs attracts me, there are so many available feature.. d3 has lots of examples .. how i wish vivagraph can add feature like that.. haha .. you know , like perhaps, node text, link text, multi select, clustering, easier styling, etc :P

Maybe this can help you with Vivahgraph https://codepen.io/vincenzopalazzo/pen/vYYKWga

In my opinion the ngraph module are one of the fastr library. So, I renderer the bitcoin graph with a lot of node and the only problem that I have is because the graph was very big to full my ram memory, here you can found the demo of my bitcoin graph https://vincenzopalazzo.github.io/SpyJSBlock.react/

the transaction graph is what you mean, right? can i zoom in and out?

Yep, right. You can zoom like in a videogame with W and S

what library you use for UI rendering?

I used ngraph.pixel https://github.com/anvaka/ngraph.pixel

neo6053
@neo6053

another thing is most of the graph library lacks of features and more examples.. tbh, i'm not the brightest programmer.. that's why library like visjs attracts me, there are so many available feature.. d3 has lots of examples .. how i wish vivagraph can add feature like that.. haha .. you know , like perhaps, node text, link text, multi select, clustering, easier styling, etc :P

Maybe this can help you with Vivahgraph https://codepen.io/vincenzopalazzo/pen/vYYKWga

thanks for the link. but i think this is for svg though. but thanks anyway.

Vincenzo Palazzo
@vincenzopalazzo

another thing is most of the graph library lacks of features and more examples.. tbh, i'm not the brightest programmer.. that's why library like visjs attracts me, there are so many available feature.. d3 has lots of examples .. how i wish vivagraph can add feature like that.. haha .. you know , like perhaps, node text, link text, multi select, clustering, easier styling, etc :P

Maybe this can help you with Vivahgraph https://codepen.io/vincenzopalazzo/pen/vYYKWga

thanks for the link. but i think this is for svg though. but thanks anyway.

Oh Yep, sorry my foult you are interested to use webgl, sorry my fault :)

neo6053
@neo6053
the bitcoin graph quite impressive, how i wish it can support 2D view.
neo6053
@neo6053

actually i found ngraph.pixel cannot handle too many nodes as well?
https://anvaka.github.io/ngraph.pixel/demo/config/index.html?graph=balancedBinTree&n=13

i guess total nodes is ((2^13) - 1) * 2 = 16382 nodes?? how to calculate how many edges?

neo6053
@neo6053
Actually with canvas is able hardware accelerated nowadays, I found that their performance different is not that big, or very much similar.