一連の階層ブレット グラフを視覚化したいと考えています。具体的には、最上位のカテゴリのブレット グラフをクリックして、サブトピックごとにブレット グラフを含むサブトピックの内訳に展開できるようにしたいと考えています。
基本的に、この D3 ツリーの例を再作成したいと思います: http://mbostock.github.com/d3/talk/20111018/tree.html
ただし、各ノードを単なる円ではなくブレット グラフにする: http://mbostock.github.com/d3/ex/bullet.html
私は D3 を初めて使用するので、サンプル ソース コードを見ても、どこから始めればよいかわかりません。
重要なのは、キャンバスが実際の 2 次元の描画キャンバスのように機能することです。キャンバス上の任意のオブジェクトを配置する視覚化コントロールの作成者としてのあなた。心配する必要があることが 2 つあります... 1) キャンバス上の特定のポイントでビジュアライゼーションを実現するために必要なすべてのデータがあることを確認すること、および 2) ビジュアライゼーションを思い通りに描画する方法を理解することキャンバス上のレンダリングしたい場所にレンダリングします。
チャートとツリーのノードを混在させる場合、ノードはチャートを配置するための基準点として機能します。ノードが多いほど、キャンバスが乱雑になるため、チャートのレンダリングが難しくなることがすぐにわかります。つまり、ツリー要素 (ノードとブランチ) に動的にグラフを描画することになります。ツリーの視覚化と競合しないキャンバスの別の領域 (キャンバスの左上または左下など) にあるノードに関連するチャートをレンダリングするようなことを検討することをお勧めします。したがって、たとえば、ノードにカーソルを合わせると、ノードのサイズ、色、および/または形状が変化して、現在「コンテキスト内」にあることを示し、同時に、
とにかく、これが役立つことを願っています。
私のベスト、
フランク