Questions tagged [infovis]
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
107
questions
0
votes
0
answers
30
views
How to create a JSON structure for wordtree development from a text file
I am developing the word tree using python and d3.js. And actually, the development of the visualization itself was successful thanks to the d3.js article, but the problem is the essential JSON data ...
0
votes
0
answers
43
views
How to use Infovis Library in ReactJS
I want to use Infovis library in my Web Application using Reactjs. But I cant able to find any documentation or example in google. How to use these examples infovis toolkit in ReactJS?
0
votes
1
answer
31
views
javascript infovis sunburst - how to space nodes
I'm using this sunburst visualisation
Sunburst example
and trying to find a way to increase the width (or border width) between the adjacent nodes (shown in the image below as the thin black line ...
1
vote
0
answers
30
views
InfoVis onBeforePlotNode method and changing nodes after rendering
Im using the InfoVis javascript onBeforePlotNode method to set node colours.
onBeforePlotNode: function(node)
{
if(node.data.mytype == "type1")
{
...
1
vote
1
answer
55
views
Javascript InfoVis Toolkit: Event returns wrong node in function that ensues
I stumbled upon the following problem with the Javascript InfoVis Toolkit's Spacetree visualization: When I click a node with the right mouse button, the action which ensues operates on a different ...
1
vote
0
answers
90
views
Labels are detached from nodes in case of multiple graphs on same page
<style type="text/css">
#container {***strong text***
/*width: auto;*/
height: auto;
margin:0 auto;
position:relative;
}
#center-container {
/*width:770px;*/
left:...
0
votes
1
answer
77
views
call javascript infovis sunburst rotate function outside init
I would like to simulate the click of a sunburst node from a menu outside of the canvas so that the clicked node is rotated until its horizontal, which is what happens when a node is clicked on the ...
0
votes
1
answer
53
views
JIT Infovis sunburst node contract/expand
I am rendering a sunburst diagram using the Infovis javascript toolkit.
I would like to have all nodes above a certain level be collapsed so that they can be expanded selectively.
I am using:
if(...
0
votes
0
answers
72
views
Javascript InfoVis SpaceTree: Navigation (Drag tree and select node) issue
I am using the Javascript InfoVis SpaceTree. And my SpaceTree have more then 500 nodes. Everything working fine until I drag the tree (navigate). It Depends on how far I drag it, Then select node ...
1
vote
1
answer
38
views
infovis onbeforeplot node color settings visible only after mouseover
I'm using the InfoVis JIT sunburst visualisation and modifying node and parent node color accordingly:
onBeforePlotNode: function(node)
{
if(node.data.risk == '1')
{
...
1
vote
0
answers
61
views
jInfoVis Visualization: set node color on json data
This newbie question relates to the InfoVis Visualization project.
Whilst the color and other properties of a node can be defined within the JSON data:
id: "",
name: "",
data: { color:""},
I ...
0
votes
1
answer
117
views
Infovis forced directed nodes names overlapping
Hi I am using Infovis(JIT) forced directed graph and i have more than 100 nodes connected to single parent node, which creates a circular shape but the name of the nodes are overlapping and it is vey ...
2
votes
2
answers
9k
views
Flow Charts and State Machines
Specifically I am looking at the JavaScript libraries; JavaScript InfoVis Toolkit, and D3 to draw flow charts and state machines.
Both of these offer plenty of ways to visualize data. However none of ...
0
votes
1
answer
357
views
Space tree toggle functionality
I am working onspace tree provided on this link Space Tree Animation.For the past 3 hours I am trying to add toggle functionality in this tree. For example if I click a node and all of its childrens ...
0
votes
1
answer
1k
views
d3 hover over legend, how to determine id
I'm trying to determine that when I hover over a certain legend item, how do I know which one I hover over.
// draw legend colored rectangles
legend.append("rect")
.attr("x", width + 170)
....
0
votes
1
answer
918
views
Side by Side Bar Charts for similar quantities in Tableau
I am new to Tableau but have rather simple visualization in need.
Suppose I have a table with 3 columns of,
{Val_A, Err_Model_AB (in %), Err_Model_AC (in %)},
and 100 rows.
The parameter Val_A ...
1
vote
1
answer
318
views
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 ...
0
votes
0
answers
46
views
Why does Infovis JS Toolkit crash in Chrome
I'm using the Infovis JS toolkit inside an EXT JS Container. Now in Chrome the site crashes without giving me any hint why it does. Other browsers work well.
I made a little demo site http://dev....
0
votes
1
answer
334
views
Javascript infovis toolkit (JIT) adding edge event listener in HyperTree
I'm struggling with adding an edge event listener to the HyperTree object edge in Javascript Infovis toolkit library. I am aware of the fact, that everything revolves around "contains" method, which ...
1
vote
1
answer
564
views
infovis hypertree nodes on demand
I'm quite new to using the Javascript Infovis Toolkit, but what I'd like to do is create a hyper tree with five initial nodes connected to the middle. Then as the user clicks on each of the child ...
1
vote
1
answer
264
views
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 ...
3
votes
1
answer
2k
views
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!');
}
});
...
2
votes
0
answers
491
views
Updating node labels to avoid clutter in JavaScript InfoVis Toolkit (JIT)
I am doing visualization with the JavaScript InfoVis Toolkit, in particular the hypertree. I am loading data dynamically and sometimes the labels around the nodes overlap and clutter. I would like to ...
0
votes
0
answers
56
views
Is it possible to use the infoVis JIT plugin within Grails 2.3.6?
I am having dificulties integrating the jit-plugin into my Grails 2.0.7 project. The Documentation that comes with the Plugin unfortunately does not provide enough information for me to understand how ...
0
votes
1
answer
232
views
JIT adding sub graph individual edge color
I'm having a radial graph showing two levels of nodes. On clicking a node it is possible to add a sub graph with calling the sum() function. Everything works fine except setting individual color for ...
0
votes
1
answer
92
views
philogb/Treemap only renders undefined
I am trying to use https://github.com/philogb/jit to create a treemap of data coming from top. The data looks like:
"{"rsyslogd":{"children":[{"children":[],"data":{"PID":"17670","$color":"#D40106","...
0
votes
2
answers
73
views
Multiple infovis bar charts do not work
How can I have 2 bar charts plotted in 2 different divs on a single web page? If I try to do so one bar chart gets overwritten with the values of the second chart since the library looks for hardcoded ...
2
votes
4
answers
1k
views
Infovis: How to clear a canvas?
I'm using Infovis to show a SpaceTree. After some manipulations with data I'd like to have an ability to clear Canvas and re-initialize the tree with a new data set. How can I do that?
My current ...
2
votes
0
answers
325
views
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 (...
1
vote
0
answers
48
views
Delimiting aggregate output in JIT/infovis
I'm using JIT to create an area chart, but I'd like to delimit the aggregates by commas because I'm working with rather large numbers. At the moment the output is like 26103426, etc, but I would like ...
1
vote
0
answers
105
views
How to access node values from graph in JIT/infovis
I'm looking for a solution that is similar to that asked by this question - namely I want to access the numerical information of each label and display it via a tooltip - see the example below:
The ...
0
votes
0
answers
132
views
How to put color significance legend in Javascript infovis jit library
i am using Jit.js for tree map.
How i can put color significance legend in jit.js and color of box should be appear according to values basis define in each node.
0
votes
1
answer
398
views
Infovis not Iterating over Root Node
I'm facing weird behaviour of Jit Infovis i'm using. I have two different html files that include a load json function from a Javascript file. The function is using infovis library to display a ...
0
votes
2
answers
379
views
how assign json data to JIT spacetree from ActionResult mvc
I am building a JIT spacetree like below:
http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html
I need to build dynamic Json for it using data coming from database table in MVC....
0
votes
1
answer
186
views
sql query to get data for Spacetree (jit)
I have a table "BinaryTree" and it has 2 columns "CustomerID" and "ParentID".
Another table is "Customers" and it has columns ""CustomerID" and "Firstname".
I want to query data from these table ...
1
vote
1
answer
815
views
Javascript Infovis change individual node color
In this case i'm using JIT Hypertree. I am going to differentiate a node's color from the other's so that every node on the tree have their own color. Is there anyway to change the individual color ...
0
votes
1
answer
848
views
Expand all nodes in infovis tree
How to expand all nodes initially in infovis tree? constrained: false doesn't work for me. After setting this, the space tree remains same. The space tree is displayed with root node only.
1
vote
1
answer
382
views
Infovis with Html label - node drag no longer working
I am using a html label for my nodes in a force directed graph.
Label:{
type: 'HTML'
},
onCreateLabel: function (domElement, node) {
domElement.innerHTML = node.name;
var style = domElement....
0
votes
0
answers
493
views
Multiple instances of InfoVis RGraph visualisations
I am developing an application that has multiple tabs (using jQuery UI). These can be opened and closed by the user. Within each tab is an rGraph visualisation from the JavaScript InfoVis Toolkit (...
0
votes
1
answer
586
views
JIT Spacetree Node Spacing Issue
I've having an issue with JIT Spacetree where the nodes are being space massively far apart resulting in an unusable view. The first few nodes are fine but as you navigate deeper into the tree the ...
4
votes
1
answer
2k
views
What is the 'Hello, World' for the Javascript InfoVis Toolkit?
I am doing research in graph theory and need to visualize graphs in real time.
(That is, if the graph data changes, its representation changes with it.)
InfoVis seems to meet that goal, but I am ...
0
votes
1
answer
605
views
How to add css style to custom image node in JavaScript InfoVis ToolKit
I have created custom nodes for my force directed InfoVis graph in which I display a user's image. I want to now add style to the image, such as adding a border and making it a circle. I tried adding ...
2
votes
0
answers
160
views
JavaScript InfoVis Toolkit Browser Support
I'm using JavaScript InfoVis Toolkit in a project and need to compile documentation for browser support. Unfortunately I cannot find any official information on their website. Does anyone know what ...
0
votes
1
answer
553
views
InfoVis SpaceTrees: node information update after form submit
I'm trying to use InfoVis SpaceTree to allow users to manage some information.
Upon clicks on a node, a form is created and shown to the user, which allows him to update that specific node's ...
3
votes
1
answer
393
views
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 ...
2
votes
2
answers
642
views
Infovis doesn't layout the graph when used in a Django page
I'm trying to integrate an example of a JavaScript InfoVis Toolkit graph into my Django application.
For now, I just want the aforementioned samle graph be displayed in my Django page. I created the ...
1
vote
0
answers
632
views
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 ...
0
votes
1
answer
508
views
How to add the click event of edges in Hypertree
refer to the HyperTree in this link
How can I add an event to handle click events of edges?
Thanks.
0
votes
1
answer
267
views
how to change the arrow direction in HyperTree in JavaScript InfoVis Toolkit
I have the following json for HyperTree
var json = {
"id": "347_0",
"name": "AAA",
"children": [{
"id": "126510_1",
"name": "BBB",
"data": {
"band": "...
0
votes
2
answers
721
views
Infovis: Label disappears on partial nodes
The label on the left most node disappears if the node is partially displayed on the canvas.
How do I resolve this?
Thanks