Questions tagged [arbor.js]

arbor.js is a graph visualization library for JavaScript.

arbor.js is an HTML5-based graph visualization library for JavaScript using web workers and jQuery.

63 questions
10
votes
4 answers

Arbor Js - Node Onclick?

I'm using arbor.js to create a graph. How do I create an onclick event for a node, or make a node link somewhere upon being clicked? The Arborjs.org homepage has nodes which link to external pages upon being clicked, how do I replicate this, or make…
Eric Bernd
  • 115
  • 1
  • 1
  • 7
6
votes
1 answer

Performance issues using images with arbor.js

I've been working on adapting arbor.js to use images. However, being a relative JS noob what I have is totally un-optimised. As far as I can tell, the way I've set it up is recreating the image object for every image and every frame, resulting in…
kimadactyl
  • 557
  • 1
  • 5
  • 13
6
votes
2 answers

Add label to edges in arbor.js (Query plugin)

How do I add labels to edges in arbor.js It is a graph visualization library. Suppose A and B are nodes and E is the edge One crude way would be insert a "text node" T and join A-T and T-B But i don't want to this, is there any other way? Here's the…
chinmayv
  • 249
  • 1
  • 5
  • 14
5
votes
5 answers

Single node bug in Arbor.JS

When creating a trivial Arbor JS graph with a single node, the node jitters around all over the place and no further nodes can be added. The problem is also reported here by another user: https://github.com/samizdatco/arbor/issues/12 Would…
Chris Beach
  • 4,302
  • 2
  • 31
  • 50
5
votes
2 answers

Javascript Library to dynamically create graphs?

Here is my requirement: I need to create a visualization of links between different representations of a person. The image below I think indicates that fairly clearly. Additionally, those rectangles would also contain some data about that…
AHungerArtist
  • 9,332
  • 17
  • 73
  • 109
4
votes
2 answers

add nodes and edges through loop in cytoscape arbor layout

I want to add more than 10 nodes in arbor.js layout.This code adds nodes and edges in arbor layout for cytoscape elements: { nodes: [ { data : { id: b[0], faveBorderColor: "#AAAAAA", name: b[0], faveColor: "#EEB211",…
nyxem1
  • 179
  • 1
  • 4
  • 16
3
votes
2 answers

Cytoscape.js how to manually stop layout processing

I'm using cytoscape.js with the arbor layout. Is there a way to manually stop the layout rendering ? In the doc i saw a 'layoutstop' event but no way to actually stop the layout. Thanks
Pierre
  • 201
  • 1
  • 7
3
votes
0 answers

dynamically connect nodes in arbor.js

I am new to javascript and I am using arbor.js so create a graph, but i would like to be able to be able to connect nodes based on proximity or be able to drag edges to connect nodes. I have linked a json file to the js which contains the node…
3
votes
2 answers

Arranging only a subset of the graph nodes in a particular layout using cytoscape.js

Cytoscape JS offers an interesting feature called LAYOUTS. I want to arrange a collection of nodes in a circular layout. But I do not want all the nodes of my network graph to lie on that circle. How can I do this using cytoscape.js? Additional…
Pranjal Mittal
  • 10,772
  • 18
  • 74
  • 99
3
votes
1 answer

Is there way to get a JSON representation of a graph built with arbor.js?

I am building a graph using the arbor.js library. I build my graph using the addNode() and addEdge() functions of arbor.js. And now I would like to retrieve the built graph using something like .toJson() that should be of the following…
Asimov4
  • 2,776
  • 3
  • 23
  • 38
3
votes
2 answers

How is config.assets.debug causing my Rails application to crash?

I've included the arbor-rails gem in my Rails 3.2.8 application and it works fine in development mode, but in production I get the following error: Started GET "/nullarbor.js" for 127.0.0.1 at 2012-09-20 15:35:23…
lobati
  • 9,284
  • 5
  • 40
  • 61
3
votes
2 answers

How to move nodes to a desired position?

I want to move a specific node (say i have the node reference), to a desired location (say to the top left corner of the canvas). I tried doing something similar to one in the sample project, where they move nodes while dragging with the mouse. But…
2
votes
2 answers

web workers not working in firefox 8, works in firefox 7

I am using library called arbor.js(beautified). It contains the following line of code, i = new Worker(); At this point an error is thrown, and the following message is reported in Firebug, "Could not get domain!" The line…
chinmayv
  • 249
  • 1
  • 5
  • 14
2
votes
0 answers

Set random seed or prevent arbor.js from producing a different graph every time

I am using arbor.js to create a virtual network graph. However, every time the page is refreshed, a completely different graph is drawn. This can be confusing to the user who will not be able to easily find what they were looking at. Is there any…
Franz Payer
  • 4,069
  • 15
  • 53
  • 77
2
votes
1 answer

Arbor js - Show the node ID as text when you move the mouse over a node

I am quite new to Javascript and Arbor and having some difficulties to draw a complete graph of nodes. I would like to start my question with showing my code: var handler = { clicked:function(e){ var pos =…
Mod
  • 5,091
  • 7
  • 28
  • 47
1
2 3 4 5