javascriptのd3.jsによるデータの視覚化

Question

私のコードをd3jsで実装しましたが、私のデータを視覚化したいと思いましたが、私はどのように実装し続けるのか分かりませんでした 私の問題はノード、キーワードに割り当てられたパブリケーションが呼び出されます。ビジュアライゼーションで現在選択されているノードを強調表示します。

公開リストを灰色の領域（#selection_details）で表示したいと考えています。各出版物の著者、タイトル、発行年を表示します。

（実際に私は変更JSONのstructurといくつかの問題を抱えている！）

あなたはここにjsfiddleで私のコードを見ることができます。ノードにバインドされたJSONデータに著者、タイトルと発行年詳細を追加するために、コードの変更を次

Answer 1

メイク。

ノードのクリック時のdivに公開の詳細を表示するには、次のようにします。

node.on("click", function(d) { 
    //Clear existing details if any 
    d3.select("#selection_details") 
    .select("*") 
    .remove(); 
    //Show publication details 
    var html = "<P><B>Author:</B> " + d.author + "</P> <P><B>Title:</B> " + d.title + "</P> <P><B>Year of Publication:</B> " + d.year + "</P>"; 
    d3.select("#selection_details") 
    .html(html); 
}); 

はフィドル更新：そんなにhttps://jsfiddle.net/ofcncsfL/2/