by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Arye Shalev
@pantchox
hi, where can i find the documentation?
Simon Härer
@smoes
Hi, I'm currently working with ngraph 3d-forcelayout. It is a great library and very convenient to use. Sadly, I want to achieve two things that I couldn't manage myself:
  • From another js forcegraph library I know a parameter that limits the distance nodes influence each other (e.g. if the distance of A and B is greater 100 then there is no repulsion between these node). Does such a parameter exist?
  • Is there a way to restrict movement into a specific direction? E.g. I have a floor and don't want the layout to move node towards this floor.
Michail
@Zachariadis_gitlab
Hello @smoes . There are some options to set your layout. You can check them here -> https://github.com/anvaka/ngraph.physics.simulator/blob/master/index.js
maybe theta and gravity options can help you if I correctly understand what are trying to achieve
Simon Härer
@smoes
Thanks for you answer @Zachariadis_gitlab !
Tetha actually sounds like solving point 1, thank you!
Gravity, however, seems not to be a force with a fix direction but describes how node repel each other, right?
Pete Kazmier
@pkazmier
Trying to modify the basic demo in ngraph.pixel/demo/basic. In all of the demos, the graphs are programmatically created, but I need to "require('ngraph.graph')" so I can call graph.addNode and graph.addLink. I don't understand the node ecosystem to understand how to build that bundle.js file. But it seems like I need to somehow include 'ngraph.graph' in that file so I can require it from the top portion of bundle.js.
Ivan
@Iliner
Hello!
Vincenzo Palazzo
@vincenzopalazzo
Hello guys I have an question on build oriented graph with Vivagraph, I'm using the WebGL for build an big graph (ALL transaction bitcoin), This is an minimal example https://codepen.io/vincenzopalazzo/pen/LYYNYRB?editors=0010#0. I can add the arrow to the link with the WebGL graph? ps:I know how create the arrow with the SVG
Himaruk Silva
@himaruk098_twitter
Hi, Im a beginner to the vivagraphJS. I need to know "How we can import external graph file to the graph generator?"
Luigi
@gg4u
@vincenzopalazzo it is interesting project for me as well - do you want/need any help ?
slackwing
@slackwing
hey, i'm a little lost. i want to set my own positions for all the nodes before forcedirect begins. which seems like 2 layout algos: my custom one, then forcedirect. how do i set that up?
Vincenzo Palazzo
@vincenzopalazzo
Hi @gg4u I migrated to ngraph module and built the web app with react, this is the finish app https://vincenzopalazzo.github.io/SpyJSBlock.react/
Luigi
@gg4u
@vincenzopalazzo nice job! Are you interested in performing analytics on the types of subgraphs you get? Tech questions, do ytou apply a worker to compute layout ?
Vincenzo Palazzo
@vincenzopalazzo
@gg4u Thanks, What did you mean with "types of subgraphs you get"? and about the "Tech questions" No, I precomputed the layout offline with ngraph.native
Luigi
@gg4u
by "types of subgraphs you get" I mean the topology of transactions. They may be circular graphs, chains, have peculiar shapes. It is something of use in fraud detection.
Vincenzo Palazzo
@vincenzopalazzo
@gg4u, mh yes it was true before but if very difficult analizig the bitcoin graph transaction, on this argemt there is a lot of interesting think to talk, but if we using a vere big oversemplification, yes is possible found the fraud.
Luigi
@gg4u
@vincenzopalazzo yes. i wondered if you were plotting the bitcoin graph on purpose of fraud detection or for research. indeed a very interesting think to talk.
Vincenzo Palazzo
@vincenzopalazzo
@gg4u The plot of graph is only a demo of my research project and the goal is to find the fraud detected with only the binary day stored from Bitcoin core client. Yes was a cool agument to talk. I maked an aswer on stackoverflow on the ngraph modules used in to build the big graph https://stackoverflow.com/a/61053059/10854225
neo6053
@neo6053
anyone have example/idea how to add text in webgl? not the dom way?
Vincenzo Palazzo
@vincenzopalazzo
@neo6053 you are using the ngraph module of webgl or you are using for exampe pixi.js?
neo6053
@neo6053
thanks for the reply btw, i thought this chatroom is no active. :) i'm using vivagraphjs webgl module, i saw sample of webglcusomtnode and andrei make the square node become a circle node, but to code in webgl , it's beyond me. So, I wonder is there any easier way. there are 2 things I want to achieve actually, to use fontawesone icon for the nodes + add text label to the node.

I saw this 2 site , but not sure how to implement it with vivagraph ...
https://css-tricks.com/techniques-for-rendering-text-with-webgl/
https://ics.media/entry/8385/

and there are so many libraries by andrei, i dont know which to choose. ngraph.pixel, ngraph.three, vivagraphjs, pixi, fabric. I try to render some large graph like perhaps 10knodes, 200k edges. I'm searching around and found vivagraph is not bad, but it has very limited capabilities :(

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.