問題タブ [circle-pack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - d3.js バブル チャート アニメーション
私はバブルチャートアプリケーションに取り組んでいます。ただし、現時点では、グラフが壊れているように見えますが、理由はわかりません。
新しいデータセットが入ってきたら、バブルをアニメーション化しようと考えています.
javascript - D3.js パック サークル レイアウト - 子の半径を調整する方法
現在、d3 のパックされた cicle レイアウト ( this ) を使用していますが、親に子が 1 つしかない場合、子の半径が親と同じになることに気付きました。
レイアウトが提供する .radius メソッドを使用してこれを変更することは可能ですか? 理想的には、親に子が 1 つしかない場合、子の半径は親の 1/2 にする必要があります。
ツリーにプレースホルダー ノードを追加し、レイアウトを実行してから、それらを再度削除するという部分的な解決策を見つけました。しかし、これはレイアウトが横向きに見えるため、私が望むものではありません。
これが理にかなっていることを願っています。私が何を意味するかを見るためにフィドルを見てください：jsfiddle
以下に投稿されたサンプルには、2 つの円が表示されます (画像の円 2 のように)。
どうも
javascript - d3.js で複数のバブル クラウド チャートを追加する
このバブル チャートを使用して、独自のバージョンを作成しています。http://bl.locks.org/mbostock/4063269 比較のために 1 つのページにチャートの複数のコピーを追加すると、チャートのコピーが 1 つしか追加されないように見えます。同じチャートを別のチャートに追加している可能性があります。私の質問は、このコードの何が原因で 1 つのグラフしか表示されないのかということです。また、同じページで同じコード (チャート) の複数のコピーを使用する場合、この問題をどのように回避しますか? これを防ぐためのガイドライン、またはいくつかの基本原則はありますか?
javascript - D3 サークル パックのアスペクト比を維持する - レスポンシブ デザイン
だから私は D3.js でバブル グラフに取り組んでいます: http://bl.ocks.org/mbostock/4063269。幅と高さは直径によって決まります。だから私は尋ねます: この SVG バブル クラウドを作成する方法と、できるだけ少ない再コーディングで他の SVG をレスポンシブにする方法は?