infovis

Flow Charts and State Machines

久未见 提交于 2019-12-11 03:32:53
问题 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 the examples seem to meet the requirements below (especially for flow chart). To be clear I mean these. Flow chart (Sourced from: http://philosophy.hku.hk/think/strategy/chart.php) Have branches with a single start and end point. Labels on nodes and branches. Have a logical flow layout (e.g. not

JIT - Saving Spacetree as an image

别来无恙 提交于 2019-12-06 10:13:14
问题 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 window Opening the div where the canvas is located in a new window Using Canvas2Image (http://www.nihilogic.dk/labs/canvas2image/) Here is my current Javascript method (tied to a button): function saveImage(div_id) { var canvas = document.getElementById

Infovis JIT: add click listener to edge

风流意气都作罢 提交于 2019-12-04 02:00:16
问题 I'm trying to capture a click event on an edge of a sunburst graph. I've already captured click events on nodes. This is what I'm trying: //..sunburst example code Events: { enable: true, enableForEdges: true, type: 'Native', onClick: function(node, eventInfo, e){ if (!node) return; if(node.nodeFrom){ console.log("target is an edge"); }else{ console.log("target is a node"); } } But this only captures node clicks. What's wrong? Thank you in advance. 回答1: The problem is that 'contains' method,