javascript - 円内の d3.layout.pack テキストは、他の円内の他のテキストをオーバーライドします

Question

http://mbostock.github.io/d3/talk/20111018/pack.htmlのように、d3.layout.pack を使用して他のメイン サークル内に円を配置しています。

しかし、円の中に大きなテキストがあり、円を上書きし、近くの円の別のテキストを上書きできます:

私が考えることができる解決策は次のとおりです。

• 円を上書きしないようにテキストをカット
• 円のフォントを小さくします。
• より大きなパディングを設定する
• ツールチップを円の上にマウスを置く
• テキストを回転??

しかし、その考えは私をあまり満足させません。たとえば、この場合、2 つの小さいボールをより間隔を空けて配置したいと思います。

d3.layout.packサークルのオーバーライドを回避するために、さらに興味深いことができますか?

これに使えますd3.layout.forceか？何か案は？

Answer 1

「D3サークルパックレイアウトの円に沿ったテキスト」という質問への回答の可能性の1つとして提案します。

jsfiddle

基本的にはidea、円の中心ではなく、円に沿ってラベルを描くことです。また、その時点でラベルの一部のみを描画することを検討することもできます。小さな円に属するラベルは省略してください。