优秀案例-实验4可视化相互交织的树木-刘与同
我选取的数据是前不久《法国足球》刚刚评选出的 2024 年金球奖提名者，与其所在俱乐部和国家队关系之间相互交织的数据。众所周知，一个球员同时拥有俱乐部队员和国家队队员两种身份。不同俱乐部的球员可能来自同一国家，所以他们同属于一个国家队。反之亦然。首先，我采用的图表类型是力引导布局的关系图，节点可以拖拽，支持缩放和平移。所有的节点分为三类：俱乐部（如“皇家马德里”、“曼彻斯特城”等），使用黄色系。国家队（如“西班牙队”、“法国队”等），使用蓝色系。球员（如“维尼修斯”、“姆巴佩”等），使用绿色系。同时三类不同的节点我使用了不同大小的 circle 来表示，俱乐部最大，国家队次之，球员最小。
链接方面，我想做到的效果是“归属”效果。例如，“姆巴佩”既属于法国国家队的队员，也属于“皇家马德里”队的队员。所以，从法国国家队和皇家马德里分别引出两条带箭头的线指向姆巴佩，表示俱乐部与球员以及国家队与球员之间的关系。链接的颜色为灰色。鼠标悬停在节点或链接上时，高亮显示与之相连的节点和链接，增加可视化的互动性。图表顶部居中显示标题“2024 金球奖提名球员与国家队俱乐部关系图示例”，这是我这张图所展示内容的一个概括。
这个图能够很好的可视化出，金球奖提名球员在各个俱乐部的分布情况。首先，对于一个完全不懂足球或者了解甚少的用户来说，“名字”可能很具有迷惑性。例如，他们不知道“埃斯顿维拉”是一个俱乐部的名字，还是一个球员的名字。但是我们已经将同一类的节点标为一种颜色。例如黄色系的节点一定是俱乐部，用户一眼就能看出来每个节点代表什么。俱乐部节点向外延伸的次数越多，这个俱乐部所拥有的金球奖提名球员就越多，不难推断出这个俱乐部在过去一年中的表现是非常优异的。国家队同理。
但是这个图同时也存在着一些缺点：首先是这个图所蕴含的信息太少，实际上说，这个图的深度就是两层：“俱乐部->球员”或者“国家队->球员”。其次，作为一个力引导图，在我们拖动查看结点的时候，节点之间的相互作用导致整个图的结构都有可能发生变化。例如在拖动查看“曼彻斯特城”的球员的时候，原本分布在“皇家马德里”周围的那些球员就被挤压到了别的地方，这样就非常不方便我们查看。还有一点，就是颜色规范最后是统一到了“类”，就是说相同类的节点颜色相同，但是这就导致了我们的球员的节点颜色与俱乐部或者国家队不太相符，这样没有办法一眼看出来哪些球员属于哪些俱乐部，只能通过俱乐部或者国家队向外延伸的线去观察。这也是值得改进的地方。