問題タブ [circle-pack]

フォーチュン500データのインタラクティブなバブルチャートを作成しています。選択範囲を減らしようとしていますが、期待どおりに機能しない理由がわかりません。

JSONデータは次のようになります。

親ノードを削除したい。ここで説明するようなフィルター関数を使用しようとしています。

しかし、選択を初期化するフィルター関数を追加すると、node何も起こらないか、エラーが発生します。

（フィルターは、テキストを追加する前に適用すると機能します）

どうすればこれを解決できますか？

更新：これが私の問題を示すJSFIDDLEhttp : //jsfiddle.net/B9w4N/8/です。

だから私はd3のズームサークルを使用しています( http://mbostock.github.com/d3/talk/20111116/pack-hierarchy.html ):

データは、いくつかの異なるレベルの配列とオブジェクトを持つ json 配列として d3 スクリプトに渡されます。

円の表示に問題はありませんでした。現在、データの階層をマップする側にナビゲーション表示を作成しようとしています。理想的には、私が望むのは次のようなものだけです:

基本的なリスト構造です。私ができることは、データの 1 レベル下にアクセスすることだけです。「div」を使用して、最初に構造をダウンさせようとしました。

それ以上のレベルに進むことはできませんでした。再帰的な方法がおそらく最良の方法だと思っていました。以下でこの関数を試しましたが、親ノードではなく、一番上の div に div を追加しただけです。

子を親に追加する方法、または複数レベル下のデータにアクセスする方法についての提案は大歓迎です。

D3 を理解し、それを使用してワード クラウドを作成しようとしています... その目的で D3 サークル パックを使用するコードは次のとおりです。

泡はランダムな順序で来ていますが、一番左のサイズの最大の円のように並べ替えられた順序で、右端の最も小さい円の右に小さいものになるようにしたい...

どうやってするか？

D3で生成した力指向グラフがあり、各ノード（大きな円で表されています）内に、D3の円充填を使用して小さな円の束にパックしたいと思います。これらのレイアウトの両方を1つの視覚化で使用することは可能ですか？レイアウトをノードに挿入するにはどうすればよいですか？

d3js でのパック レイアウトの例を次に示します。

http://bl.ocks.org/4063530

個々のサークルの色を制御することは可能ですか?

色付きのパック レイアウトの別の例を次に示します。

http://bl.ocks.org/4063269

2 番目のグラフのバブルに色がどのように割り当てられているかを理解できますか?

d3.jsパックのレイアウトに問題があります。円が重なっていて、理由がわかりません...

この例のコードを使用しました：

http://mbostock.github.com/d3/talk/20111116/pack-hierarchy.html

そしてそれが私の仕事です：

http://projekty.bron.it/d3-circles-all/

ご覧のとおり、重複すると図が使用できなくなります。

私はd3のパックレイアウト（http://bl.ocks.org/4063530）に頭を悩ませようとしています。

基本的なレイアウトは機能していますが、新しいデータで更新したいと思います。つまり、新しいデータを収集し、それを現在のlayout.packにバインドし、それに応じて更新します（update / exit / enter）。

私の試みはここにあります（http://jsfiddle.net/emepyc/n4xk8/14/）：

特定の質問...

データをバインドするにはどうすればよいですか？（データは複雑な構造ではなく、データの配列でもないため）

新しいノード/リーフをレイアウトに追加するにはどうすればよいですか？そして古いものは削除されましたか？

実例へのポインタをいただければ幸いです。

このサークルパックのレイアウト例（http://bl.ocks.org/4063269）は、私が取り組んでいるプロジェクトに最適ですが、すべてのサークルのサイズを相互に相対的に設定します。

各円に固定半径を指定する簡単な方法はありますか？

ソースコード、例、グーグル、スタックオーバーフローを調べましたが、役に立たないようです。

円の正確なサイズは私にとって重要です。

サークル パッキングの例を実装しようとしています: http://bl.ocks.org/4063530 - しかし、ネストされた "g" ノードを使用して、各サークルの子のスタイル設定と可視性の制御が容易になるようにしたいのですが、この例では、すべてのノードが dom の同じ深さにあります。それらをネストするにはどうすればよいですか？または、ネストしていない場合、円の直接の子のみを選択するにはどうすればよいですか (すべての円のすべての子ではありません)。私は現在、次のようにオブジェクトの深さを持つクラスを追加するように例を修正しました:

そして今これをしたい：

誰にもアイデアはありますか？

d3js ビジュアライゼーションのデータソースとして XML ファイルを使用しようとしています。Webkit ベースのブラウザーでは機能しますが、Firefox では機能しません。このエラーは、DOM 要素に forEach 関数がないことが原因であると思います。3djs は、DOM オブジェクトを受け取る場所に配列を期待しているようです。でもどこか分からない

私の子供の機能は次のようになります。

これが XML ドキュメントです。私はそれを直接d3jsに渡しています

これはコードのライブ デモです (webkit では動作しますが、firefox では動作しません)。そして、ここに完全なソースコードがあります。