javascript - JS を使用した有向グラフ マトリックスの視覚化

Question

protovis matrixを使用して有向グラフをマトリックスに視覚化しようとしました。デフォルトでは、A->B の場合、protovis マトリックスはマトリックス内の 2 つのブロックを埋めます。2 つのノード間の方向に従って 1 つのブロックのみを塗りつぶしたい。A->b および B->A の場合、両方のブロックのみが埋められます。

そのためのドキュメントは見つかりません。いくつかのプロトビス設定を使用してこれを行うことはできますか?

Answer 1

良い！！独自の HTML テーブルマトリックスを作成するのに数時間を費やしました。

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>";

$("#panel").append(table);
i=1;
data.nodedetail.forEach(function(node){
    i++;
    $('table tr:nth-child('+ i +')').addClass(node.id);
    $('table tr td:nth-child('+ i +')').addClass(node.id);
});

後で私は、プロトビス行列のdirectedgraphプロパティをtrueに設定するだけでそれを達成できることを知りました