D3可視化問題

Question

我正在進行可視化工作，並且正在使用在stackoverflow上找到的jsfiddle。

我以前沒有做過D3，所以我有幾個問題。

我想像這樣一些json

{word:"cat", count: 30},
{word:"dog", count: 15}....

我一直在這里工作

http://jsfiddle.net/matthewpiatetsky/nCNyE/3/

1. 如何確保文字和圓圈不相交？ 前面的小提琴為圈子確保了這一點，但是我想防止一個圈子的標簽與其他圈子/其他標簽相交。
2. 如何更改圓的大小以相對於窗口中的空白空間進行縮放？ 我想我要制作一個800 x 800的窗口，如果有很多空白空間和幾個圓圈，我希望圓圈變大，如果沒有，我希望它們變小。

任何提示將不勝感激，謝謝！ （我知道我可以自己弄清楚這些東西，而且我做得很慢，但是一些如何做這些我可以嘗試的事情的示例會很有幫助！

Answer 1

對於第一個問題的簡短回答是，您無法使用D3自動執行此操作。 您可以嘗試通過手動檢查標簽和圓圈的位置，或使用D3的力布局之類的方法自動放置它們而不會重疊來確保這種情況。 這些選擇中的任何一個都需要大量工作，而在第二種情況下，您將無法保證不會有任何重疊。

關於第二個問題，您需要確定窗口的大小並相應地設置半徑，例如

var radius = Math.sqrt(window.innerWidth * window.innerHeight) / 100;