每个栏的百分比直方图？

Question

刚刚发现了这个令人难以置信的图书馆，但我对所有选项都感到不知所措。考虑球员的可视化，让我们说篮球运动员。我们希望在传球，得分，篮板等方面对它们进行比较。

在任何给定的质量上，我们比较每个球员得分相对于其他球员的得分。因此，如果一个玩家得到2分而另一个玩家得到1分，那么第一个玩家得到66％而另一个得到33％。如果得分相等，他们每人得到50％。

然而，品质的重要性各不相同。所以现在想象每个质量作为直方图条。它的高度将告诉您质量相对于其他质量的重要性，即相对于其他直方图条。每个酒吧都会有半个颜色，另一半颜色，显示每个玩家在该质量上的相对分数。

1. 第一个问题：我可以使用D3创建这样的图表吗？我可以将直方图水平吗？

2. 有没有更好的方法可视化这两个同时进行的比较？

谢谢！

编辑：

我发现this example可以完美地适应我的情况 - 显示质量重要性的圆圈大小，以及将圆圈划分为红色/蓝色显示每个玩家的分数。但我无法弄清楚它是什么样的图形？

Answer 1

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

有很多技巧可以让它发挥作用，您可以查看http://graphics8.nytimes.com/newsgraphics/2012/09/04/convention-speeches/ac823b240e99920e91945dbec49f35b268c09c38/index.js处的代码，幸好这些代码未经说明。