使用 Tableau 制作品牌树

让我们一起来修炼大数据时代的「炼金术」吧~来波订阅呗

公司同事上周分享了炫酷的桑基图（Sankeydiagram）的制作方法，桑基图是一种特定类型的流程图，图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。

Joy于是想到之前看到的一个Viz ——世界百强品牌树

Viz:THE BRAND TREE - World's Best Brands 2017

https://public.tableau.com/profile/datactician#!/vizhome/THEBRANDTREE-WorldsBestBrands2017/Brands2017

作者: HarpreetGhuman

最初发布: TableauPublic

作者采用类似桑基图的呈现方式，将品牌制作为树枝形状，按其所在行业汇集为树干，最后树根指向对应的行业，只是图形线条粗细不再有展示数据流量大小的意义，而是用来展示从树梢到树根的走向，构思十分巧妙。今天Joy就来copy这个作品，向大家分享如何使用Tabelau制作这样一个品牌树。

数据准备

Joy在网上下载了2017年中国品牌TOP100的数据，包含品牌、所处行业、品牌价值等信息，首先我们需要对此数据做如下处理：

数据一：1、添加“品牌ID”，值为与品牌数量个数相同的等差数列；2、添加“行业ID”字段，值为与行业类别数量个数相同的等差数列；3、添加“连接”字段，字段值均设为LINK

*“品牌ID”和“行业ID”这两个字段决定了树枝和树干在视图中的位置，小伙伴们可以按照自己的需求来调整。

数据二：准备只包含y值和连接值两列的数据，其中y值为从-8开始到8结束，间隔为0.5的数据的等差序列

数据三：最后我们将[行业]及[行业ID]字段摘出准备树根所需要的数据，复制[行业]字段，更名为“树根”，并添加[树根ID]字段（值范围最好大于[行业ID]小于[品牌ID]，这样树根的形态更美观），同样添加[连接]字段

制作树枝

打开Tableau，连接数据一，将[品牌]字段拖入列，两次将[品牌价值]字段拖入行，将其中一个图表选择为柱形图，另一个设置为圆

将第二个品牌价值轴设置为双轴，并同步轴，将[品牌价值]字段拖入圆形图的大小，将[行业类别]拖入颜色，并适当调整柱形图粗细和圆形大小，这样我们就基本完成树枝部分的制作

制作树干

ctrl+D新建数据源，选择连接数据一和数据二，并按下图连接数据

新建如下计算字段

将字段[y]拖入行，将[Curve]字段拖入列，并将其更改为“维度”，将图表类型选择为线型

将[行业类别]拖入颜色，字段[y]拖入大小，[行业类别]和[品牌]字段拖入详细信息，将y轴设置为倒序，这样树干也基本完成了~

制作树根

新建数据源，选择连接数据二和数据三，同样用字段[连接]连接两个数据源

新建如下计算字段

同样将字段[y]拖入行，将[curve]字段拖入列，并将其更改为“维度”，将图表类型选择为线型；将[行业]拖入颜色和详细信息，字段[y]拖入大小，并调整大小，这样树根的制作也完成了

接下来我们只需要适当调整图表样式，在仪表板中将以上三个图表进行拼接就OK了，效果图如下

猜得到最高点橘色的图标是哪个品牌么~感兴趣的小伙伴可以直接复制以下链接访问Joy上传到Tableau Public 的视图。

URL:https://public.tableau.com/profile/yaojing#!/vizhome/1_5556/brandtree?publish=yes

Tips

1、在仪表板上拼接图表时选择“浮动”样式的效果会更好，操作也会更便捷；

2、上图中的文字部分是直接在仪表板中插入的浮动文本，树枝、树干、树根和文字的颜色统一，视觉效果会加分很多；

3、如果想要自定义品牌和行业的图标，可以参考Joy在使用 Tableau 制作 Bump Chart那篇文章里提到的方法进行设置；

4、制作树枝部分时我们又一次使用到了双轴，当我们需要两种图表叠加的展示效果时，双轴真的是非常好的选择（双轴大法好）。

本文图文内容均为原创，请勿擅自转载或用作商用。

JoyTools∣欢喜相遇

Joy 欢迎约饭~