Questions tagged [space-tree]

A static JSON Tree structure is used as input for this animation.

SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation (Catherine Plaisant, Jesse Grosjean, Benjamin B. Bederson) http://hcil.cs.umd.edu/trs/2002-05/2002-05.pdf Drawing Trees (Andrew J. Kennedy) http://research.microsoft.com/en-us/um/people/akenn/fun/drawingtrees.pdf

23 questions
36
votes
5 answers

Customizing JavaScript Visualization Toolkit Spacetree Node

I saw many people recommend JavaScript Visualization Toolkit (The JIT) for org chart. I am trying to use SpaceTree of JavaScript InfoVis Toolkit for org chart. The nodes in my org chart is like a component in itself that has employee profile pic,…
ram
  • 369
  • 3
  • 4
19
votes
1 answer

How to properly align nodes with multiple parents

Here's the screenshot I’ve been dealing with this problem and tried to modify the Y position without any luck. Notice that Meli Job B seems to be misaligned. This only happens if the parent box is attached to multiple parents. I tried the code…
proxies
  • 246
  • 1
  • 6
5
votes
3 answers

JIT Spacetree Save Labels as Image

I am using the JavaScript InfoVis Toolkit (http://thejit.org/) and am trying to print my expanded space-tree visualization using canvas.toDataURL("image/png"). While this works for my ForceDirected graph -- in the SpaceTree we have our labels in a…
bharris9
  • 335
  • 3
  • 14
3
votes
1 answer

Javascript InfoVis Spacetree - Dynamically hide/show Tooltips

I've been googling this and can't seem to find an answer. I will also ask this in the JavaScript InfoVis Toolkit Google Group. I was wondering if it's possible to dynamically hide/show tooltips using InfoVis spacetree. Currently they are turned on…
3
votes
1 answer

How do i change default orientation in infovis spacetree?

I'm trying to change the default orientation in a space tree but can't figure out where to add: st.switchPosition("top", "animate", { onComplete: function() { alert('completed!'); } }); So that the tree will start from the top instead…
XT_Nova
  • 1,110
  • 5
  • 17
  • 32
3
votes
1 answer

JavaScript InfoVis Toolkit SpaceTree node order

I am using the InfoVis SpaceTree to visualize a tree. The complete tree is loaded in one call to the loadJSON method. Each node's children are already in the correct order. But the nodes do not display in the order they are defined in the data…
user2323470
  • 183
  • 9
3
votes
0 answers

SpaceTree how to add subtree on node click

I have written the following code which shows the error: Cannot read property 'children' of null I want the children to be loaded when the node is clicked. request:function(nodeId, level, onComplete) { alert(nodeId+'p …
Mohammad Sadiq Shaikh
  • 3,160
  • 9
  • 35
  • 54
2
votes
2 answers

Javascript InfoVis Spacetree Individual Node Styling

I am newbie with javascript coding - can anyone help me with the InfoVis Spacetree? I am trying to set the width and height of a certain level of nodes to be smaller than the rest. It seems like I put it in the data: {} but when I tried…
Michael
  • 33
  • 1
  • 5
2
votes
0 answers

How to add a background picture to a Jit infovis spacetree

I need to add a picture to a spacetree to serve as a background to a spacetree. I have tried several ways but succeeded at none, mainly for the following 2 reasons: - positioning on the canvas (coordinates 0,0 do not seem to be the correct…
FadyB
  • 21
  • 2
2
votes
1 answer

JIT - Saving Spacetree as an image

I'm using JavaScript InfoVis Toolkit (http://thejit.org/) and am trying to save the Spacetree that I output into an image. The Spacetree is outputted to a canvas. This problem is really frustrating me. I have tried: Opening the canvas in a new…
user82302124
  • 1,143
  • 5
  • 32
  • 57
1
vote
1 answer

Fix node width and height in Spacetree from Javascript Infovis Toolkit

I've finally got my nodes almost done perfectly, unfortunately I'm having one more problem the width of what is drawn on the canvas isn't the width of the defined node. The blue + purple is the node div + padding, and I could perfectly center it…
Rob
  • 2,779
  • 5
  • 23
  • 34
1
vote
0 answers

ajax json string returning undefined

I am using a library of thejit.org, and the graph is space tree. st.onClick(node.id, { Move: { enable: true, offsetX: 30, offsetY: 5 }, onComplete: function() { $.ajax({ type: "POST", url: "Home", data:…
Maverick
  • 2,738
  • 24
  • 91
  • 157
1
vote
1 answer

How to Remove Previously Drawn InfoVis Space Tree

I am using InfoVis to generate a space tree visualization in one of my projects. Since this is an interactive web site, the Space Tree needs to be regenerated each and every time the user has changed preferences. This requires the Space Tree to be…
Aviro
  • 2,125
  • 22
  • 28
1
vote
1 answer

Downloading childnode in Spacetree in infovis javascript

I am new to java and javascript. I have used infovis Spacetree for building a tree. I want to make the children node of parent node downloadable. I mean when the user clicks chilnode 1 of Parent node 1 it should download a pdf file stored from root…
Carol
  • 367
  • 2
  • 3
  • 18
1
vote
0 answers

Jit - Trying to resize SpaceTree on node expansion, rather than hiding the other subtrees

I am working with Jit's Spacetree (http://flashcanvas.net/examples/thejit.org/static/v20/Jit/Examples/Spacetree/example1.html) and I am trying to modify it to where when you click on a node to expand it, it will not hide the other nodes, but it will…
Georgi Angelov
  • 4,338
  • 12
  • 67
  • 96
1
2