这是jsfiddle：

如果您有 2 个政党，并且您想在多个投票单位或类似结构的数据中呈现选举结果，这真的很好。

但是，我需要直观地表示这一点：（5 个政党而不是 2 个）（请忽略除“席位”之外的所有原始数据；应该只显示“席位”）

我想circle pack每个里面都有一个force layout node。

例如，应该有一个名为 BC 的气球，其中包含四个较小的圆圈，其面积与 21、12、2、1 成比例（一个政党在 BC - 不列颠哥伦比亚省没有赢得任何席位），以此类推，适用于加拿大的所有省份.

你能告诉我这是否可能和/或大纲代码组织？

我试图circle pack layout用沿着圆圈本身流动的文本来标记一些圆圈。

这是一个实验性的 jsfiddle：

如您所见，可以沿圆形呈现文本，以顶部为中心。尽管浏览器对弯曲 SVG 文本的渲染很糟糕。但是，假设我们不关心它。

这是另一个jsfiddle

在以下条件下，我想在此图上放置弯曲标签：

• 圆圈代表一个省（只有深度==1）（不列颠哥伦比亚省、阿尔伯塔省等）
• 该省所有儿童人数的总和（即分配的议会席位数量）大于 5。
• 省名应全部大写。

您可以在代码本身中看到我的一些尝试。我已经尝试了几个小时。我的主要问题是圆圈中的圆圈现在位于 XY 空间中的某个位置，而在第一个 jsfiddle 中，所有圆圈的中心都在坐标系原点。

也许你可以通过重新审视这个来帮助我。

基础数据基于此表：

（注意：这与我前几天问的问题“圆包作为 D3 力布局的节点”有些相关，但这是一个独立的实验。）

我决定使用常规的 SVG 弧而不是 d3.svg.arc()。我仍然认为这是一个正确的决定。但是，这就是我现在所拥有的：:) jsfiddle

I have a FLask app with some html files on my templates/ folder. I wanted to add a nice D3 visualization to my index.html, so first I tried to copy/paste this bubbles example into a file called bubbles.html on my templates/ folder: http://bl.ocks.org/mbostock/4063269

I tried to open bubbles.html with Firefox, but got just white space, where the bubbles should be. And here is the strange thing. When I took bubbles.html out of the templates/ folder and opened it from a different directory, the page loaded correctly.

What is the problem? How can I incorporate this plot into my app?

我正在使用 d3 圆包装算法。它的设置是为了让内圈占据所有可用空间。因此，如果我有两个大小相同的圆圈，一个包含三个子圆圈，一个包含 50 个子圆圈，则三个圆圈看起来非常大。

我可以对脚本进行简单的修改，以使内圈不会超过特定的大小——也许漂浮在中心？

来源：

https://github.com/mbostock/d3/blob/master/src/layout/pack.js

我可以在 d3.js 中绘制气泡图。此外，当我点击任何圈子时，我都会收到警报消息。但是当我点击圈外区域时，我仍然收到警报消息。我不希望在我的圈子包之外有任何可点击的区域。请帮忙。在这里查看我的示例。

数据.json

}

如何在http://bl.ocks.org/mbostock/raw/4063269/中创建气泡图：

...但是使用 NVD3？

NVD3 站点仅参考散点图http://nvd3.org/ghpages/scatter.html

我正在对存储在 json 文件中的传入数据进行实时可视化。我使用 D3 进行可视化。这是我使用的图表：http: //mbostock.github.io/d3/talk/20111116/pack-hierarchy.html

这是所有的代码页：

我想从服务器获取的新文件中动态更新图表。但是使用此功能，它会在旧图表上绘制新图表。我尝试了不同的解决方案来更新图表，但都没有奏效。我如何修改代码以获取动态更新？

我有一个包布局，其中一些实体的值为零。我正在尝试找到一种方法来为这些设置默认半径。根据文档，我希望我能写出这样的东西

但到目前为止，在确定如何访问“oldRadiusFunction”方面还没有取得任何成功。

我最接近解决这个问题的是：

...为了从函数内部访问 this.pack 。这最初似乎运作良好，但当我开始更新图表时开始产生奇怪的结果。

无论如何，任何帮助将不胜感激，非常感谢您的关注和投入！

编辑：这是文档所说的

pack.radius([半径])

如果指定了半径，则设置计算每个节点半径的半径函数。如果 radius 为 null（默认情况下），则半径由节点值自动确定，并按比例缩放以适合布局大小。如果没有指定radius，则返回当前的radius函数，默认为null。半径也可以指定为统一的圆大小的常数。

我的目标（可能有点天真）是传递一个函数，当将 0 作为参数传递时将返回 MIN_RADIUS，或者返回默认值对于其他值返回的值。

有一个 d3.js 圆包装示例，其中子项显示在其父圆中：

http://strongriley.github.io/d3/ex/pack.html

是否有任何将孩子显示在父圈周边的示例？

例如，我希望数据显示如下：

而不是像这样显示：

谢谢您的帮助！

我正在使用 d3.js 制作宾夕法尼亚州不同能源公司拥有的天然气井的气泡图。

我构建了一个嵌套对象，它首先按公司排序，然后按井排序。一个片段：

使用d3.layout.pack，我将圆圈之间的填充设置为 5。

但是，虽然我对内圈聚集在一起很好，但我如何将上层圈分开？我试过分配.padding一个功能无济于事。