Stack Overflow
Stack Overflow

Questions tagged [vivagraphjs]

VivaGraphJS is a data visualization and graph drawing library built in JavaScript.

30 questions
3
votes
1 answer

Paint text on the mouse hover on the graphics in the position of cursor

I have a problem when I go to paint the PIXI.Text in the cursor position. This is the simple demo to reproduce the problem, when you go over the node with the cursor I paint the text, in this case, "@author vincenzopalazzo" but I want the position…
vincenzopalazzo
  • 1,487
  • 2
  • 7
  • 35
3
votes
1 answer

JavaScript convert RGB integers to Hexadecimal

I'm using Vivagraph JS library to render some graphs. I would like to change the color of the node like this nodeUI.color = 0xFFA500FF; ^ This is a random example. Not the corresponding hexadecimal value for RGB below I get from server RGB values…
adsun
  • 773
  • 9
  • 30
3
votes
1 answer

How to avoid vivagraph renders the graph outside of the container?

i am developing a social network visualization component. I am using the Vivagraph library, but when I add nodes that are not connected to another node, the graph goes outside of the container. Here is my implementation. Please help, this is very…
Lorenzo Lopez
  • 61
  • 6
3
votes
1 answer

What's the best force-directed network graph engine for large data sets?

I have looked at d3.js, but it seems to not work well for large data sets. I might try to switch from svg to a canvas and see the effect, does anybody have any insight on how well this works for large data sets. Or should I look into vivagraph.js or…
user3014093
  • 389
  • 2
  • 5
  • 20
2
votes
1 answer

js script in xhtml page launched but result not visible

This is a JSF 2.3, Primefaces 10 project. The file vivagraph.js is downloaded from here, it is included in the project like so: The xhtml page: …
seinecle
  • 10,118
  • 14
  • 61
  • 120
2
votes
1 answer

How to draw social network fast with a lot of data (Visjs, cytoscape, sigma and vivaGraph)?

I have to create a social network with a lot of data. I use visJs and the network is very slow. I tried these plugins: Cytoscape, visJs, Vivagraph and sigma. Problem for Visjs, cytoscape and sigma They are very slow Problem with vivaGraph I can't…
Pierre-olivier Dubois-Nadeau
  • 487
  • 2
  • 5
  • 16
2
votes
1 answer

How Paint the arrow to link by ngraph.pixi with PIXI.js with webgl?

I so paint the direct graph, so I do paint the arrow to the line, I'm new with the pixi.js and the javascript and I want to learn it, can you help me how I can paint an arrow to it? This is a demo and I want to add the arrow to the link. This is the…
vincenzopalazzo
  • 1,487
  • 2
  • 7
  • 35
2
votes
1 answer

VivagraphJS, WebGL and event listener

I absolutely love Vivagraph JS. Having said that, I've run into a pickle, that is probably WebGL specific. I'm trying to: var graph = Viva.Graph.graph(); var layout = Viva.Graph.Layout.forceDirected(graph, { springLength : 30, …
Ælex
  • 14,432
  • 20
  • 88
  • 129
2
votes
1 answer

Constant Layout Graph with VivaGraphJS

I created a graph with VivaGraphJS and everything is well but the graph is moving .there is an example about constantLayout but the problem you should specify for every node a position. here is the code:
dardar.moh
  • 5,987
  • 3
  • 24
  • 33
1
vote
0 answers

How do I show a graph on the Browser using VivaGraphJS on VUE 3?

I am trying to show a Graph on the browser using VUE 3 in the HOME view. To do that I installed VivaGraphJS with the command npm i vivagraphjs Then I took the minimal example from the website https://www.npmjs.com/package/vivagraphjs and tried…
Rodrigo Guinea
  • 328
  • 4
  • 16
1
vote
0 answers

Communicate between Vue component and native code

I building an application to display a connected graph, I found useful to make use of Vue.js for developing some functionalities. For testing purpose, I tried to wrap up a simplest graph in a vue component, force directed layout, but the frame rate…
user305883
  • 1,635
  • 2
  • 24
  • 48
1
vote
1 answer

ZeroMQ (ZMQ) feeding VivaGraph graph on client side

I'm building a HTML page which renders a graph created using VivaGraph ( https://github.com/anvaka/VivaGraphJS ) . This graph should be fed by data coming from a ZMQ (ZeroMQ) datastream, where my webpage is connected as "Subscriber" to a…
Stefano
  • 389
  • 2
  • 15
1
vote
0 answers

VivaGraphJS - webGL line thickness

Is there anyway to change the line thickness default value? I know that unfortunately there isn't any method to change the line specifications dynamically. Only color can be changed. But if someone knows a way to change the line thickness, it would…
zppinto
  • 287
  • 7
  • 20
1
vote
1 answer

overlapping Paper.JS (HTML5) Canvas and VivaGraphJS(SVG) Graph: Capturing Events

I've gotten myself into a big and weird position. I use VivaGraph JS for drawing Conceptual Graphs in the browser. The specific implementation I am using, relies on SVG, and thus my main graph DOM element is an SVG. During the creation of Edges…
Ælex
  • 14,432
  • 20
  • 88
  • 129
1
vote
1 answer

Questions around VivaGraph WebGL based rendering

I have been using VivaGraphs for network analysis, but my knowledge is very rusty around JavaScript and concepts of SVG and WebGL in particular. I have been able to create nice networks using both SVG and WebGL and need a few pointers from you: I…
user1826116
  • 405
  • 1
  • 5
  • 15
1
2