Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
qdis
@qdis
Hello, anyone here? :smile:
Anyway, here's my question: in VivaGraphJS, is there any way to stop the user from dragging nodes while running a layout algorithm ?
I'm using SVG btw.
Andrei Kashcha
@anvaka
Hi qdis, nothing like that is available out of the box. You can add overlay on top of the svg element, which would prevent user actions, and remove it when not required anymore. If you don't want to let users interact with nodes, you can disable it at global level, using this guideline: https://github.com/anvaka/VivaGraphJS/tree/master/demos/other/input-override#no-interaction
John Wehr
@wehriam
Is there an API for node events like mouseEnter when using svgGraphics?
Andrei Kashcha
@anvaka
ArnauC
@ArnauC
Hello!
One question, is there any problem of compatibility with VivaGraphJS? Is just to know..!
Andrei Kashcha
@anvaka
@ArnauC what kind of problem?
rishabh-jain
@rishabh-jain
hey...I am facing a problem while creating graphs. Data Points are spread very far.....How bring them closer?
also...I am using the library for a big data project. Data points could be in millions...Can this library render such huge graphs? If not, please suggest something. n BTW anvaka....superb work sir :smile:
Andrei Kashcha
@anvaka
@rishabh-jain thanks :)! No, vivagraph cannot do millions interactively. You can however try using graphviz (sfdp layout) http://www.graphviz.org/ to layout graph offline. With vivagraph (or ngraph modules, to be more accurate) I was able to do offline layout for graphs with 100-300k nodes, and up to 1million edges. You can find example here: http://anvaka.github.io/allnpmviz3d/ (click "about" to see source code). This is not reusable component yet, but I'm working on it.
as for keeping them closer - try playing with the force settings
Andrei Kashcha
@anvaka
this is the offline layouter used by npm visualizatoin: https://github.com/anvaka/ngraph.offline.layout
rishabh-jain
@rishabh-jain
Thanks anvaka :smile: Will try it out...dont know how much I will be able to..still :smile: cheers!!
rishabh-jain
@rishabh-jain
BTW..its a beautiful piece of work anvaka...not patronizing you but seriously mate only If I could do it as well..I would like to learn from you.....do reply if you can on write.rishabhjain@gmail.com
Osmar Cavalcante
@osmarpixuri
Hi there! Is there anyone here using vivagraph/ngraph for adding/removing nodes dinamically?
Andrei Kashcha
@anvaka
@osmarpixuri i do this very often :)
Larry Hengl
@larryhengl
hi @anvaka, great work, enjoyed the CascadiaJS vid. i'm starting to explore ngraph.pixel (and then pm) with a demo dataset of about 30K edges, currently formatted in a TSV file with columns for Node1, Node2, Stat1, Stat2. I'm thinking the Stat cols would be toggle-able edge weights. Any advice or awareness of libs I can use to load it into ngraph.graph format? Or roll my own loader?
Andrei Kashcha
@anvaka
I think making your own loader should be the easiest way to go...
41x
@41x
Hi Anvaka I'm using your graph to visualize ontology in my university study project. But my supervisor wants me to find out what algorithm is used in vivagraphJS can you help me with that. Does it have a name?
Gabriel SoHappy
@gczh
Has anyone tried making the nodes editable?
MonkeyChap
@MonkeyChap
Hi Andrei. Some really cool stuff in your repos ! Do any of your libraries do offline 3d layout for graphs ?
lsundaram
@lsundaram
Hi Is there an example of building this graph from a json file ? Please do let me know
Leon Pham
@LeonP92
Hi, have anyone tried implementing Vivagraph with React.js?
ahmedalashrafy
@ahmedalashrafy
Thanks anvaka for your library realy it's healpful
but I need to run it for some of my customers who hasn't a high specs computer. So I decided to buy a high rendering VGA card and try to run a code on server side insted of client side. can I do that and how?
palafranchise
@palafranchise
@anvaka when using ngraph.pixel what is your advice for adding text labels to nodes? Use TextGeometry, or an absolutely positioned element (like the tooltip), or something else?
Andrei Kashcha
@anvaka
@palafranchise I'd go with absolutely positioned elements. They are way easier to customize than text geometries
Andrei Kashcha
@anvaka
@MonkeyChap check this out: https://github.com/anvaka/pm - all graphs have links to offline layouters. If your graph is huge (more than 1 million nodes) I'd go with https://github.com/anvaka/ngraph.native otherwise you can try https://github.com/anvaka/ngraph.offline.layout
Nick
@Nickolasmv
Hi @anvaka , I've forked some of your repos for layout to port on cytoscape and try adding some webWorkers for qtree. Nice algo
Andrei Kashcha
@anvaka
@Nickolasmv thank you :)!
Markus Tacker
@coderbyheart
Hoi, I'm trying to dynamically change layout parameters (e.g. springLength) but it seems that this is not expected. What I want is instead of zooming int the graph just increase the spring length. Any tips?
eusokolov
@eusokolov
Hi, @anvaka. I want to add additional parameter to force-layout algorithm - radius of nodes (for avoiding overlaps between nodes). Which part of algorithm will be appropriate for this? What do you think? Now I am using collision detection like post-processing but not sure that this is a good way.
Shikhar Gupta
@gshikhri
@anvaka I am trying to add a small graph using ngraph by providing x,y and z co-ordinates, and my plan is to retrieve the co-ordinates back after the relaxation. Unfortunately I am getting back the original co-ordinates. Any tips??
Gilberto Torrezan
@gilberto-torrezan
Hi guys, newcomer here. Do you have any idea how to avoid nodes from overlapping each other? I'm trying to do a node visualization just like Neo4J does in its query tool. Do I have to use another lib to calculate the positions or is there any property I can set to make that work?
Byron Ruth
@bruth
Hi everyone. I came across this project as an alternative to Cytoscape that has an SVG-based renderer. My use case for SVG is to inject HTML elements within the SVG nodes using foreignObject (?) My general question is whether anyone has done this successfully before and if so would this be done in the graphics.node(...) callback?
Basically I want to render a workflow diagram as shown here: https://rdm.academy/
The user will need to interactively build this up and I would like to use a graph library to handle layout and basic interactivity.
Gilberto Torrezan
@gilberto-torrezan
(Today I discovered I'm registered in this Gitter... My question from Sep 13 2016 didn't get any response, and in fact the question from Byron is the only activity in months. This Gitter is abandoned)
Amirhossein Aleyasen
@Aleyasen
Hi everyone, I am wondering about the performance of VivaGraph in comparison to D3 for drawing large graphs. I'll be thankful if anyone let me know about the concrete performance numbers. Thanks in advance.
Tiago Jesus
@tiagofilipe12
Hi everyone, can anyone tell me if you can export vivagraph canvas (with webgl) to a pdf? I know we can right click on the canvas and save as image but that retrieves an image with low resolution that is not very suitable for scientific publications. So, I started wondering if anyone have attempted this and how. Thanks in advance.
Maxime HEBRARD
@mhebrard
Hello ! I might not be at the good place and have a wired idea, but here it is: I try to use ngraph.three in a react/redux environment. I reach to have my graph drawn an updated as I wish. I am currently looking at ngraph.prixel, but there is not the run() method so I don't succeed to draw my graph... is anyone have hints ?
Maxime HEBRARD
@mhebrard
Another not related question... in "ngraph family" is there a way to "weight the edges" ? I mean have different parameters for edges according to a score ?