Jason DaviesによるD3 Word Cloudの例を使用しながら、テキストが箱から出るのはなぜですか？

Question

D3 Word Cloud の1つのプロジェクトの1つを使用しています。例では幅と高さとして300 * 300として定義されています。ただし、実行すると、テキストの半分しかチェックボックスに表示されます。

この例では、左側の「ランダム」という単語です。"om"だけが表示されています。

誰もが特定の地域の出力を表示する方法を私に助けてくれる？

ありがとう

Answer 1

クラウド内の単語の座標は、クラウドの中心が（0,0）であると仮定して計算されます。これはSVGSの場合ではないので、適切な座標系変換が適用されている最上位SVGの下にg要素があります。Word Cloudのサイズを変更するときは、これを変更する必要があります。

あなたの場合、単語の雲のサイズは800 x 300ですので、翻訳は（400,150）：

.append("g").attr("transform", "translate(400,150)")

.

Answer 2

翻訳はあなたの幅と高さの半分になるべきだと思います。例えば、W= 300H= 300の場合、翻訳は並進する必要があります（150,150）。それがうまくいくことを願っています。