Draw an arbitrary number of lines on a protovis chart

javascript,data-visualization,protovis,pentaho-ctools,ccc

Replace your loop by the following code panel .add(pv.Rule) .data(x_values) .top(0) .left ( function(d) { this.index * 20 + 15 var ccc = this.parent.getContext(); var scale = ccc.chart.axes.base.scale; var li = ccc.panel._layoutInfo; return li.paddings.left + scale(d); }) .height(function() { return this.parent.height(); }) .width(null) ; Fiddle http://jsfiddle.net/f9uhzaz9/...

Directed graph matrix visualization using JS

javascript,matrix,directed-graph,protovis

Well!! I spent couple of hours to make my own HTML table matrix. data.nodedetail.forEach(function(node){ table += "<tr><td>"+ node.title + "</td>"; var emptycols =""; i++; for(j=0;j<i;j++){ emptycols += "<td></td>"; } if(i!=size){ emptycols += "<td colspan='"+ (size - j) +"'>"+node.title+"</td>";} table += emptycols + "</tr>"; }); table = "<table>"+ table + "</table>";...