试图了解Hive Plot的D3代码

Question

这是一个指向Hive Plot的D3代码的链接.. http://bl.ocks.org/mbostock/2066415

我有两个问题：

1. 索引'y'在数组'nodes'

   中的对象中表示什么

   var nodes = [   {x：0，y：.1}，   {x：0，y：.9}，   {x：1，y：.2}，   {x：1，y：.3}，   {x：2，y：.1}，   {x：2，y：.8} ];

2. 如何将数据（json文件）绑定到元素以获得更复杂的Hive Plot？我甚至可以这样做吗？我的数据是蛋白质 - 蛋白质相互作用数据集，包括源蛋白质节点，靶蛋白质节点，蛋白质类型，蛋白质名称和蛋白质组。我想使用Hive Plot进行网络可视化。

请帮助。我是编程新手。

Answer 1

1. y属性是映射为图表中半径的域值。通过使用半径函数（声明为d3线性标度），0..1之间的值被映射到40到240之间的值（innerRadius，outerRadius）。为了更好地理解，将它与x值进行比较：它被传递给角度函数，这又是一个d3比例，但这一次，它的类型是序数：它将离散值0,1,2转换成一个角度0和2 * PI。

2. 您可以通过data（..）方法绑定任意数据（包括json）。数据（你到处看到的“d”属性）是你提供给select函数的任何json对象。 select（..）和data（..）的组合称为连接：它将svg元素与数据中的每个项匹配。在这一点上，您可以自由地解释 - 以最符合您需求的方式访问您的自定义数据。