热图的数据输入格式

时间:2017-06-27 20:15:07

标签: d3.js

d3.js还是比较新的 - 我想创建一个热图,显示在两个目的地之间旅行所需的时间。假设最终输出看起来像这样:

this

在R中,您可以将数据作为data.matrix以宽格式存储,然后将其投入gplots' heatmap.2并得到一个很好的热图。 d3.js是否具有任何此类功能,我可以将我的数据(.csv或.json)以这样的宽格式引入:

this

或者在d3.js中生成热图,只需使用两个for循环来迭代行和列来创建框,因此我应该使用这样的长格式:

this

1 个答案:

答案 0 :(得分:0)

您可以将JSON数据用于热图......如下所示:

-- Groups where G1 ⊆ G2
SELECT  G1.Group, G2.Group
FROM GroupTable G1
JOIN GroupTable G2 ON G2.Group <> G1.Group
WHERE G1.Value = G2.Value
GROUP BY G1.Group, G2.Group;

您的Y比例域基于{ travelTime: [ { source: A, destination: A, time: 0 }, { source: A, destination: B, time: 3 }, { source: A, destination: C, time: 4 }] } ,您的X比例基于source