使用 Chord Diagram 可视化通行流量数据答案

【问题标题】：Visualizing the pass traffic data with Chord Diagram使用 Chord Diagram 可视化通行流量数据
【发布时间】：2012-12-01 08:59:57
【问题描述】：

我有一个玩家之间的传球数据，here's the data，第一列第一行表示玩家编号。

我想像Uber Rides 这样可视化这些数据。我认为它是用 Bostock 的 Chord Diagram 构建的。

由于我几乎没有 JavaScript 经验，我只是不知道从哪里开始。

我怎样才能实现这样的目标？

【问题讨论】：

标签： javascript d3.js visualization data-visualization chord-diagram

【解决方案1】：

这是我从你的数据中得到的

我刚刚用你的数组替换了矩阵数组

[2,3,1,0,0,2,0,6,5,2,5,0,3], [0,7,2,0,4,7,0,1,2,0,3,0,2], [0,0,4,1,5,3,3,0,1,1,5,1,0], [0,0,0,0,4,0,5,4,2,0,1,1,0], [0,0,0,0,0,0,0,3,2,0,1,0,1], [0,0,0,0,0,1,3,4,1,1,9,1,6], [0,0,0,0,0,0,0,1,3,0,1,1,1], [0,0,0,0,0,0,0,0,0,1,0,0,0], [0,0,0,0,0,0,0,0,5,5,5,0,8], [0,0,0,0,0,0,0,0,0,0,8,0,1], [0,0,0,0,0,0,0,0,0,0,2,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,2], [0,0,0,0,0,0,0,0,0,0,0,0,2]

我并不是说这是正确的，只是让您了解如何通过人们已经完成的工作轻松实现这一目标。

【讨论】：

玩家 3 不在第一行，因为它已经放在了第一列。像这样，91号玩家不在第一纵队
@Fud，我如何将“0k”标签替换为位于第一列和第一行的泽西号码？
你看到这行 ticks.append('text', function(d){ });现在 d.target.index 可以为您提供相应的行，而不是 d.label 您可以使用索引来查找该行的用户并返回其值
我会提出一个要点，但 github 在此时保存要点时似乎给出了 404。
感谢 FUD，帮了大忙。