d3.js - 每个条形图的百分比拆分直方图？

Question

刚刚发现了这个令人难以置信的库，但对所有选项感到有点不知所措。考虑球员的可视化，比方说篮球运动员。我们想在一些品质上比较他们，比如传球、得分、篮板等。

在任何给定的质量上，我们都会比较每个玩家的得分相对于其他人的得分。因此，如果一个玩家得到 2 分，而另一个只有 1 分，那么第一个玩家将得到 66%，另一个玩家将得到 33%。如果分数相同，他们将各得 50%。

然而，这些品质的重要性各不相同。所以现在将每个质量想象成一个直方图条。它的高度将告诉您质量相对于其他质量的重要性，即相对于其他直方图条。并且每个条形图将用一种颜色着色，另一种颜色着色，向您显示每个玩家在该质量上的相对分数。

谢谢！

编辑：

我发现这个例子非常适合我的情况——圆圈的大小显示质量的重要性，圆圈分成红色/蓝色显示每个玩家的分数。但我不知道那是什么图？

score 1 · Accepted Answer

气泡图是节点的力导向布局，我不认为节点显示两个数据点之间的关系这一事实有一个特殊的名称。也许如果迈克看到这一点，他可以让你知道，因为他是为《纽约时报》树立榜样的人。

有很多技巧可以让它工作，你可以在http://graphics8.nytimes.com/newsgraphics/2012/09/04/convention-speeches/ac823b240e99920e91945dbec49f35b268c09c38/index.js查看代码未缩小。