新知一下
海量新知
6 5 1 6 1 8 8

举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

优阅达 大数据生态 | 大数据大未来,建立合作充分共创 2022/09/23 22:03

关于和弦图

和弦图(Chord diagram)常用来 表示数据之间的相互关系。数据点沿着圆圈分布,通过点和点之间相互连接的弧线来呈现相互之间的关系。和弦图从视觉上来说比较美观,数据呈现又很直观,所以深受数据粉喜爱。

之前,我们分享过 ?: 轻松搞定 关系网 图表 ,如果数据粉希望换一种方式呈现数据关系,可以考虑和弦图哦~

关系和弦图的实现方法会相对复杂一些,因此我们用一份容易理解的电影角色关系数据(如下示例),来分享它的实现方法!

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

今天的栗子,一睹为快吧!

期《举个栗子》,我们要给大家分享的 Tableau 技巧是:用和弦图(Chord diagram)呈现数据关系。

为方便学习,栗子使用自拟的“人物关系和弦图”数据源。掌握栗子方法后,数据粉可尝试使用自己的数据源。 懒癌患者可通过以下链接获取栗子数据源:

https://www.dkmeco.com/cms/course/detail/645

D

栗子数据源

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

▲ sheet 1

- 角色 ID :用于识别角色的唯一 ID,同一人物 角色 ID 和关系人 ID 相同;

- 关系人 ID :用于识别关系人的唯一 ID,同一人物 角色 ID 和关系人 ID 相同;

- 主要关系类型 :对角色和关系人的关系的离散分类;

- 关系描述 :对角色和关系人的关系的文字描述,缺失此字段不影响图形展示;

- 连接 :lonely moon 表和 repetition 表内连的字段,相同即可。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

sheet 2 ▲

- R :范围从 0.01~1 共计 100 个数,以及单独的 2。此字段的目的为了在 Tableau 连接两个表,将 lonely moon 的数据重复 101 遍;

- 连接 :与 lonely moon 的连接相同,都为1,方便“内连接”。

Tips:所有的人物 ID 都需要有一行角色 ID,即使该人物 ID没有对应的关系人 ID,例如:孙光阳;虽然关系是相互的,但是在数据中,若已经有了金刚鼠->孙光阳的关系,即可不必补充孙光阳->金刚鼠的关系。

具体步骤如下:

>>>>

连接数据源

打开 Tableau Desktop,连接栗子数据源,将两个表 “lonely moon” 和 “Repetition” 通过内联接在一起。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

>>>>

创建参数

新建工作表, 单击“数据”窗格右上角 ▼ 符号,在下拉菜单中选择:创建参数。

创建参数: distance ,用于调整人物图和关系线之间的距离,如图设置。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

创建参数: 突出角色, 用于点击关系线时,突出显示线两端的头像使用,参数内需包含所有的角色,以及手动在“值列表”添加一个“全部”,如图设置。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

创建参数: 突出关系人 ,用于点击关系线时,突出显示线两端的头像使用,参数内需包含所有的关系人,以及手动在“值列表”添加一个“全部”,如图设置。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

>>>>

创建计算字段

新建工作表, 单击“数据”窗格右上角 ▼ 符号,在下拉菜单中选择:创建计算字段。需要创建 14 个计算字段。

➤ 计算字段:各角色最小关系id ,键入函数:

{ FIXED [角色id]:MIN([关系人id])},该字段用于限制只出现一个头像点 。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:总人数 ,键入函数:

{fixed:COUNTD([角色id])},该字段用于三角函数使用。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:标签 ,键入函数:

IF [R] = 2 then [角色] END,该字段用于显示头像的名称。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:突出点 ,键入函数:

if ([突出关系人]=[角色] or [突出角色]=[角色]) and [R]=2

and [关系人id]=[各角色最小关系id] then '可突出'

ELSEIF [突出角色]=[角色] and [R]!=2 and [突出关系人]=[关系人] then '可突出'

else '不可突出' end

该字段用于点击关系线时,确定哪些点应该突出显示。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:关系人.x ,键入函数:

COS([关系人id]/[总人数] * PI() * 2)  //范围cos(2Π/n ~2Π) [-1,1)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:关系人.y ,键入函数:

sin([关系人id]/[总人数] * PI() * 2)  //范围sin(2Π/n ~2Π) [-1,1)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:角色.x ,键入函数:

COS([角色id]/[总人数] * PI() * 2)    //范围cos(2Π/n ~2Π) [-1,1)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:角色.y ,键入函数:

sin([角色id]/[总人数] * PI() * 2)     //范围sin(2Π/n ~2Π) [-1,1)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:余弦.x ,键入函数:

COS((ACOS([角色.x])+ACOS([关系人.x]))/2)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:正弦.y ,键入函数:

SIN((ASIN([关系人.y])+ASIN([角色.y]))/2)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:距离 ,键入函数:

SQRT(([角色.x] - [关系人.x])^2 + ([角色.y] - [关系人.y])^2)

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:x ,键入函数:

IF [R] >= 0 AND [R] <= 1

THEN (( (1 - [R])^2 ) * [角色.x]) + (2 * (1 - [R]) * [R] *  ( ((2 - [距离])/ 2) *[余弦.x] )) + ([R]^2 * [关系人.x]) END

注意:创建完成后,右键单击该字段,将其转化为:维度、再转化为:连续。

新知达人, 举个栗子!Tableau 技巧(244):用和弦图(Chord diagram)呈现数据关系

➤ 计算字段:y ,键入函数:

IF [R] >= 0 AND [R] <= 1

THEN (( (1 - [R])^2 ) * [角色.y]) + (2 * (1 - [R]) * [R] *   ( ((2 - [距离])/ 2) * [正弦.y]  ) ) + ([R]^2 * [关系人.y])

ELSEIF [R] = 2 and [关系人id]=[各角色最小关系id]

THEN [distance] * [角色.y] END

注意:创建完成后,右键单击该字段,将其转化为:维度、再转化为:连续。

➤ 计算字段:x.shape ,键入函数:

IF [R] = 2  and [关系人id]=[各角色最小关系id]

THEN [distance] * [角色.x] END

注意:创建完成后,右键单击该字段,将其转化为:维度、再转化为:连续。

为便于数据管理,可将刚刚创建的这些计算字段,根据用途分别放在三个文件夹里。

>>>>

创建视图

首先,将计算字段“x”和“x.shape”拖放至列,将“y”拖放至行。再对“x”和“x.shape”做双轴和同步轴操作,并移除“全部”“标记”卡上的“度量名称”颜色胶囊。

打开“x”“标记”卡,将其标记类型改为:线,并如下图将各个字段拖放至该“标记”卡中(注意:需要将字段“R”转化为维度、再转化为连续,然后再拖放到“路径”中)。

单击“x”“标记”卡的工具提示,如下图设置:

打开“x.shape”“标记”卡,并如下图将各个字段拖放至该“标记”卡中。

按照 ? 如何插入自定义形状  方法,将角色头像图片放入电脑中。

单击“x.shape”“标记”卡的形状,为各个角色设置对应的头像。

设置好之后,可以根据需要调整一下大小。

然后,将字段“突出点”拖放至“全部”“标记”卡的详细信息中,如下图。

>>>>

设置仪表板操作

新建仪表板,将刚刚创建的工作表拖放至右侧视图中。然后,单击顶部菜单栏“仪表板”,下拉菜单选择:操作,需要添加三个操作。

弹窗中,需要以此选择,添加一个突出显示操作、两个参数操作。

➤ 参数:传递需要突出的关系人, 如下图设置。

➤ 参数:传递需要突出的角色 ,如下图设置。

➤ 突出显示动作:突出显示1, 如下图设置。

完成后,可以实现单击关系线,突出显示关系线和关系线两端的头像的功能,见下图。

最后,再按需设置文字、线粗细、颜色、格式等等,就实现了我们想要的电影《独行月球》角色关系和弦图了。

今天的 Tableau 技巧,你 Get 到了吗?


更多“Tableau”相关内容

更多“Tableau”相关内容

新知精选

更多新知精选