d3.js悲惨世界JQuery可视化

我想创造一个可视化的像。在这个实现中，每个矩形都用颜色和相关的不透明度填充。要填充一个特定的矩形，开发人员会给出例如x=“579.7402597402597”或y=。。。和矩形的尺寸

您知道或者您能猜到开发人员在每种情况下使用什么来动态计算相关词对的x和y吗

如果我的问题的答案是显而易见的，或者如果它嵌入到代码中而我看不到，我道歉

---

谢谢。

查看源代码，我发现d3正在加载，其中包含了有关关系的所有信息

---

查看在源代码中处理此数据的脚本（查看页面源代码底部的标记）。

查看源代码。这两个相关部分是：

var row = svg.selectAll(".row")
  .data(matrix)
.enter().append("g")
  .attr("class", "row")
  .attr("transform", function(d, i) { return "translate(0," + x(i) + ")"; })
  .each(row);

及

坐标是通过将数据的cell index/x属性传递到一个刻度来计算的，即

var x = d3.scale.ordinal().rangeBands([0, width]);

---

好极了谢谢你让我明白这一点，也谢谢你没有评判我缺乏关注和理解。非常感谢！你帮我节省了很多时间！

var x = d3.scale.ordinal().rangeBands([0, width]);